Question

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

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

有什么想法吗？

感谢。

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）按钮

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  
    });

Answer 3

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

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

Answer 4

根据你可以/应该使用的Fancybox site API

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

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, } }

单击背景时禁用fancyBox 2关闭

5 个答案: