jquery fancybox 2.0.3 - 防止在fancybox外點擊關閉

Question

我正在使用jquery fancybox版本2.0.3。我想阻止在fancybox之外點擊。我想強制用戶點擊十字按鈕。我試過

$(document).ready(function() { 
    $(".various").fancybox({ 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     hideOnOverlayClick:false, 
     hideOnContentClick:false 
    }).trigger("click"); 
}); 

但是這似乎並不適用於fancybox的新版本。我曾提到的鏈接

jquery fancybox - prevent close on click outside of fancybox

但是這些解決方案似乎並不在的fancybox工作2.0.3

Answer 1

使用此選項：

helpers : { 
    overlay : {closeClick: false} 
} 

所以你最終的腳本應該看起來像：

$(document).ready(function() { 
$(".various").fancybox({ 
    closeClick : false, // prevents closing when clicking INSIDE fancybox 
    openEffect : 'none', 
    closeEffect : 'none', 
    helpers : { 
    overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
    } 
}).trigger("click"); 
}); 

hideOnOverlayClick andFancybox v1.3.x的選項爲

Answer 2

$(document).ready(function() { 
    $("#popup").fancybox({ 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      overlay : { 
       closeClick: false, 
      } 
     } 
    }).trigger("click"); 
});