jquery fancybox 2.0.3 - 防止在fancybox之外点击关闭

use*_*026 29 jquery fancybox

我正在使用jquery fancybox版本2.0.3.我想防止在fancybox外面点击关闭.我想强制用户单击十字按钮.我试过了

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

但这似乎不适用于新版本的fancybox.我已经提到了链接

jquery fancybox - 防止在fancybox外面点击关闭

但这些解决方案在fancybox 2.0.3中似乎不起作用

JFK*_*JFK 83

使用此选项:

helpers : { 
  overlay : {closeClick: false}
}
Run Code Online (Sandbox Code Playgroud)

所以你的最终脚本应如下所示:

$(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");
});
Run Code Online (Sandbox Code Playgroud)

hideOnOverlayClick并且hideOnContentClick是Fancybox v1.3.x的选项

  • 如果您使用的是 Fancybox 3,请将 `clickSlide : false` 添加到您的选项数组中。 (2认同)