jquery fancybox 2.0.3 – 防止关闭点击fancybox外

前端之家收集整理的这篇文章主要介绍了jquery fancybox 2.0.3 – 防止关闭点击fancybox外前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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

解决方法

使用此选项:
helpers : { 
  overlay : {closeClick: false}
}

所以你的最终脚本应该看起来像:

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

hideOnOverlayClick和hideOnContentClick是fancybox v1.3.x的选项

猜你在找的jQuery相关文章