单击Fancybox Overlay div时如何防止默认？

Question

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

Answer 1

应该只在API中提供：http://fancybox.net/api

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

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

.fancyLinks只是我编写的一个选择器，放置你的目标选择器。

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

Answer 2

如果有人想在新的fancybox中做到这一点，它会稍微复杂一些，而且功能更多。

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

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