尝试不关闭当我点击页面上的任何位置时弹出的colorbox

Question

我正在使用colorbox插件打开弹出窗口。

PopUp包含三个单选按钮。现在我想要的是当我点击文档上的任何地方时不关闭弹出窗口，除非或者直到我检查其中一个单选按钮。

任何想法如何解决这个问题？

谢谢，

Answer 1

请试试这个。

$('.ui-widget-overlay').on("click", function() { 
if(condition){ 
    $(window).colorbox.close();; 
} 
}); 

Answer 2

看文档：http://www.jacklmoore.com/colorbox/

overlayClose - 如果为false，禁用通过点击背景叠加关闭彩盒。

escKey - 如果为false，将在'esc'按键上禁用关闭colorbox。

全球变化：

$.colorbox.settings.overlayClose = false; 
$.colorbox.settings.escKey = false; 

补充：

我可以看到init后调试colorbox，改变这个特性不会影响当前打开的对话框，所以你应该添加自己的逻辑。