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

Question

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

有什么解决办法吗？

提前致谢。

Answer 1

这个很有趣。

如果您想隐藏关闭按钮以防止至少在 10 秒内关闭，您可能还希望禁用在 fancybox 内部或外部单击时关闭 .... 所以尝试setTimeout在afterShow回调内部，如：

$(".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
    }
});​

见演示

注意：这是为 fancybox v2.1.3+

Answer 2

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