禁用 fancyBox 2 在点击背景时关闭功能。

Question

在 fancyBox 2 中，是否有一个键/值可以设置，以禁止用户在单击背景（半透明黑色背景）时关闭灯箱（lightbox）？

我只想让他们有选择点击右上角实际的 (X) 关闭按钮。

有什么想法吗？

谢谢。

- Mark Notton

Answer 1

对于2.x版本，请使用

 $(".fancybox").fancybox({
    closeClick  : false, // prevents closing when clicking INSIDE fancybox
    helpers     : { 
        overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox
    }
 });

如果将closeClick设置为true（默认值），则单击内容时fancybox将关闭，因此结合这两个选项，关闭fancybox的唯一可能方式是使用close（X）按钮。

- JFK

---

为什么这个答案没有被标记为正确和被接受的呢？它是正确的，它可以工作，并且你得到了6个赞。 - caramba

这应该是被接受的答案。第一个 closeClick: false 是默认的，所以不必要。 - Josh

Answer 2

这将禁用在单击遮罩层（半透明背景）时关闭fancybox。

    fancyEls.fancybox({
        helpers : { 
            overlay : {
                closeClick: false
            } // prevents closing when clicking OUTSIDE fancybox
        }
    });

这将禁用所有默认的点击方法来关闭fancybox。

    fancyEls.fancybox({
        closeBtn : false,
        closeClick : false,
        helpers : { 
            overlay : {
                closeClick: false
            } // prevents closing when clicking OUTSIDE fancybox
        },
        keys : {
            close: null
        } // prevents close when clicking escape button
    });

这样做可以禁用幻灯片功能。

    fancyEls.fancybox({
        modal : true //If set to true, will disable navigation and closing  
    });

- MrBizle

Answer 3

根据Fancybox网站API，您可以/应该使用。

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

- David 'the bald ginger'

Answer 4

尝试这个 让 adduser 成为我的目标选择器

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

- Sreenath Plakkat

---

这个选项适用于fancybox v1.3.x版本。而fancybox v2.x的选项是新的，不兼容之前的版本。 - JFK

Answer 5

为了防止关闭按钮- 使用：

defaults: {  closeBtn   : false,}

为了防止覆盖关闭 - 使用：

F.helpers.overlay = {
        defaults : {closeClick : false,      // if true, fancyBox will be closed when user clicks on the overlay }}

为防止意外关闭，请点击关闭：

defaults: {keys  : {//close  : [27], // escape key
                close  : null, } }

- shraboni