javascript – Fancybox afterClose事件无效

我在关闭后使用fancybox API时遇到问题.

我点击这个时打开该功能：

<a class="fancybox fancybox.iframe btn" href="myurl.php"></a>

这背后的JavaScript是：

$('.fancybox.iframe')
    .fancybox({
    arrows: false,
    padding: 0,
    overlay: {
        locked: false
    },
    beforeClose: function () {
        location.reload();
    }
});

当我关闭它时它永远不会重新加载页面.有人能帮助我吗？谢谢 ！

解决方法:

一些澄清,以避免进一步混淆：

基于你的HTML

<a class="fancybox fancybox.iframe btn" href="myurl.php"></a>

>使用afterClose回调(而不是事件)而不是beforeClose.进一步参考检查Tips & Tricks => 11号
>类fancybox用于将选择器绑定到fancybox,因此初始化代码应如下所示

jQuery(document).ready(function ($) {
    $('.fancybox').fancybox({
        arrows: false,
        padding: 0,
        helpers: {
            overlay: {
                locked: false
            }
        },
        afterClose: function () {
            location.reload();
        }
    });
}); // ready

>(有效)fancybox.iframe类告诉fancybox它应该处理的内容类型,但是你不使用它来将选择器绑定到fancybox.

见JSFIDDLE

注意：这适用于fancybox v2.x

标签：fancybox-2,javascript,jquery,fancybox
来源： https://codeday.me/bug/20191008/1875101.html