延迟启用和禁用fancybox关闭按钮

时间:2012-12-18 07:09:31

标签: jquery fancybox delay

当fancybox触发弹出窗口时,我希望禁用关闭按钮,并在x秒后启用它。

有没有解决方案?

先谢谢。

2 个答案:

答案 0 :(得分:4)

这个很有趣。

如果你想隐藏关闭按钮以防止至少在10秒钟内关闭,你可能还想在fancybox内部或外部点击关闭点击....所以在{{{} setTimeout内查看afterShow 1}}回调如:

$(".fancybox").fancybox({
    closeClick: false, // prevents closing when clicking INSIDE fancybox 
    helpers: { overlay: { closeClick: false } }, // prevents closing when clicking OUTSIDE fancybox
    afterShow: function() {
        $(".fancybox-close").hide(); // hide close button
        setTimeout(function() {
            $(".fancybox-close").fadeIn();
        }, 10000); // show close button after 10 seconds
    }
});​

参见 DEMO

注意:这适用于fancybox v2.1.3 +

答案 1 :(得分:1)

对于fancybox的所有用户,使用showCloseButton的当前最新版本隐藏/显示关闭图标不再有效。在查看fancybox代码后,我发现closeBtn应设置为false。使用'closeBtn' : false隐藏CloseIcon。感谢