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

Question

我正在为我的模态窗口使用Fancybox插件.似乎无论我使用什么选项,当用户点击fancybox模态窗口(灰色区域)外,我无法阻止fancybox模态窗口关闭.

有没有办法强制用户单击我触发关闭事件的X或按钮？这似乎应该很简单,所以我希望我只是读错了这些例子.

我已经尝试了,hideOnContentClick: false但这似乎对我不起作用.有任何想法吗？

Answer 1

   jQuery(".lightbox").fancybox({
        helpers     : {
            overlay : {
                speedIn  : 0,
                speedOut : 300,
                opacity  : 0.8,
                css      : {
                    cursor : 'default'
                },
                closeClick: false
            }
        },
    });

Answer 2

<script type="text/javascript">
  $(document).ready(function() {
    $("#your_link").fancybox({
      'hideOnOverlayClick':false,
      'hideOnContentClick':false
    });
  });
</script>                              

Answer 3

我正在使用fancybox 1.3.1,如果您想通过单击按钮强制用户关闭模式框,您可以在配置中指定:

<script type="text/javascript">
  $(document).ready(function() {
    $("#your_link").fancybox({
      'hideOnOverlayClick':false,
      'hideOnContentClick':false
    });
  });
</script>

Answer 4

对于这个问题,请尝试这种方式

$("YourElement").fancybox({
 helpers: {
        overlay: { closeClick: false } //Disable click outside event
    }

希望这可以帮助.

Answer 5

如果您使用的是Fancybox 1.2.6(就像我在项目中一样),我找到了hideOnOverlayClick选项.您可以将其设置为false(例如hideOnOverlayClick:false).

我在探索修改代码的过程中找到了这个选项,基于Scott Dowding的建议.

Answer 6

没有选择。您将必须更改源代码。

在 jquery.fancybox-1.2.1.js 中，您需要注释掉（或删除）_finish 方法中的第 341 行：

//$("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close);