jQuery的fancybox 2.0.3-防止关闭fancybox外部的点击 [英] jquery fancybox 2.0.3 - prevent close on click outside of fancybox

问题描述

我正在使用jquery fancybox版本2.0.3.我想防止在fancybox外部单击时关闭.我想强迫用户单击十字按钮.我尝试过

I am using jquery fancybox version 2.0.3. I want to prevent close on click outside of fancybox. I want to force user to click the cross button. I have tried

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

，但这似乎在新版本的fancybox中不起作用.我已经引用了链接

but this doesn't seems to work in new version of fancybox. I had referred the link

jquery fancybox-防止在fancybox外部单击时关闭

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

but these solutions doesn't seems to work in fancybox 2.0.3

推荐答案

使用此选项:

helpers : { 
  overlay : {closeClick: false}
}

因此您的最终脚本应如下所示:

so your final script should look like:

$(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和hideOnContentClick是Fancybox v1.3.x的选项

hideOnOverlayClick and hideOnContentClick are options for Fancybox v1.3.x

这篇关于jQuery的fancybox 2.0.3-防止关闭fancybox外部的点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！