单击 Fancybox Overlay div 时如何防止默认设置？答案

【问题标题】：How to prevent default when clicking on Fancybox Overlay div?单击 Fancybox Overlay div 时如何防止默认设置？
【发布时间】：2011-10-07 04:22:02
【问题描述】：

当有人在 id 为“fancybox-overlay”的 div 上的内容弹出窗口之外单击时，我想保持 Fancybox 处于打开状态。换句话说，当用户在弹出窗口之外单击时，我不希望发生任何事情。有什么建议吗？

【问题讨论】：

标签： jquery fancybox overlay default

【解决方案1】：

应该只在 API 中可用：http://fancybox.net/api

我看到了一些不同的隐藏选项，例如“hideOnOverlayClick”。将相关选项作为地图传递给 fancybox 函数，它应该可以按您的意愿工作。

$('.fancyLinks').fancybox({
  'hideOnOverlayClick': false
});

.fancyLinks 只是我编的一些选择器，放什么你的目标选择器。

适用于 Fancy box 的较新版本。试试这个 Fancybox v2 No Hide on Overlay Click - How?

【讨论】：

【解决方案2】：

如果有人想在新的fancybox 中执行此操作，它会稍微复杂一些，而且用途更广泛。

在这里您可以看到我将关闭按钮设置为 false 以使其不显示，然后我将叠加层设置为单击时不关闭并重置指针样式。

$('.fancyLinks').fancybox({               
    closeBtn:false, 
    helpers : {
        overlay : {
            closeClick : false,
            css : {
                'cursor':'default'
            }
        }
    }
});

【讨论】：

或者您可以将其设置为“modal:true”并兼顾两者