【问题标题】:Prevent jquery fancybox from closing when clicking on link单击链接时防止jquery fancybox关闭
【发布时间】:2015-02-25 04:31:17
【问题描述】:

我有一个 jquery fancybox,里面有一个普通的 a href 链接。当我单击该链接时,fancybox 将关闭。点击链接后如何防止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}
        }
    });
});

【问题讨论】:

    标签: javascript jquery fancybox


    【解决方案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”

    【讨论】:

    • 感谢您的回答。我发现问题出在其他地方。见下文。至于为什么对我来说没有意义,但只删除这个类就可以了。
    • 在引用源stackoverflow.com/a/8404587/1055987 时,从另一个答案复制/粘贴似乎没问题:P
    【解决方案2】:

    问题是我为 a href 使用了 3 个类。其中一个类不再使用。当我删除那个未使用的类时,单击该链接后它不再关闭。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-06-15
      • 2016-02-17
      • 2016-02-10
      • 1970-01-01
      • 1970-01-01
      • 2014-03-06
      • 2010-11-18
      • 1970-01-01
      相关资源
      最近更新 更多