jquery - ページのどこかをクリックしたときにカラーボックスのポップアップを閉じないようにしています

Question

colorbox プラグインを使用してポップアップを開きます。

PopUp には 3 つのラジオボタンが含まれています。今私が望むのは、ラジオボタンのいずれかをチェックしない限り、またはチェックするまで、ドキュメントのどこかをクリックしてもポップアップを閉じないことです。

この問題を解決する方法はありますか?

ありがとう、

score 3 · Accepted Answer

ドキュメントを見てください：http://www.jacklmoore.com/colorbox/

overlayClose- false の場合、背景オーバーレイをクリックして Colorbox を閉じることを無効にします。

escKey- false の場合、'esc' キーを押したときにカラーボックスを閉じるのを無効にします。

グローバルに変更:

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

追加した：

デバッグを見るとわかるように、現在開いているダイアログに影響を与えcolorboxた後にこのプロパティを変更するため、独自のロジックを追加する必要があります。init

score 0 · Accepted Answer

これを試してください。

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

2 に答える 2