防止 jquery fancybox 在点击 link 时关闭

Question

我有一个 jquery fancybox，里面有一个普通的 href link。当我点击 link 时，fancybox 关闭。单击 link 后如何防止 fancybox 关闭？

这是 fancybox 的代码：

$(function(){
    $(".booking_module").fancybox({
        maxWidth    : 550,
        topRatio    : 0,
        fitToView   : false,
        width       : '100%',
        height      : 'auto',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        centerOnScroll: true, 
        autoResize: true,
        autoCenter: true,
        margin : [topmargin, 0, 0, 0],
        helpers : { 
        overlay : {closeClick: false}
        }
    });
});

Answer 1

此选项将禁止在点击背景时关闭 fancybox

$(document).ready(function() {
   $(".booking_module").fancybox({
        helpers : { 
            overlay : {
                closeClick: false
            } // prevents closing when clicking OUTSIDE fancybox
        }
   }); 
});

此选项将禁用所有关闭 fancybox 的默认点击方法

 $(document).ready(function() {
    $(".booking_module").fancybox({
        closeBtn : false,
        closeClick : false,
        helpers : { 
            overlay : {
                closeClick: false
            } // prevents closing when clicking OUTSIDE fancybox
        },
        keys : {
            close: null
        } // prevents close when clicking escape button
    });
});

我认为第二个选项就是您要找的。也许没有 "closeBtn"

Answer 2

问题是我为 a href 使用了 3 classes。其中一个 classes 已不再使用。当我删除未使用的 class 时，它在单击 link 后不再关闭。

防止 jquery fancybox 在点击 link 时关闭

Prevent jquery fancybox from closing when clicking on link

javascript

jquery

fancybox