jquery - 当我单击页面上的任何位置时，尽量不要关闭弹出的颜色框

Question

我正在使用颜色框插件打开一个弹出窗口。

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

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

谢谢，

Answer 1

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

overlayClose- 如果为 false，则通过单击背景覆盖来禁用关闭 Colorbox。

escKey- 如果为 false，将禁用关闭“esc”键时的颜色框。

全局变化：

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

添加：

正如我所看到的调试colorbox，在不影响当前打开的对话框之后更改此属性init，因此您应该添加自己的逻辑。

Answer 2

请试试这个。

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