javascript - Fancybox afterClose 事件不起作用

Question

我在关闭后使用 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();
    }
});

而且当我关闭它时它从不重新加载页面。有人可以帮我吗？谢谢!

Answer 1

一些澄清以避免进一步混淆:

基于您的 html

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

1. 使用afterClose 回调(不是事件)代替beforeClose。如需进一步引用，请查看 Tips & Tricks => 11号

2. 类 fancybox 用于将选择器绑定(bind)到 fancybox，因此您的初始化代码应如下所示

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

3. (有效的)fancybox.iframe class 告诉 fancybox 它应该处理的内容类型，但您不使用它来将选择器绑定(bind)到花式盒子。

参见 JSFIDDLE

注意:这是针对 fancybox v2.x