.net - 如何处理父级中的fancybox iframe关闭事件？

Question

这是我的 fancybox iframe 代码

 <script type="text/javascript">
        $(document).ready(function () {
            $('.fancybox').fancybox();
            $("#popup").fancybox({
                fitToView: false,
                autoSize: false,
                autoDimensions: false,
                title: "Item Details",
                width: 965,
                height: 525,
                padding: 0,
                helpers: {
                    title: {
                        type: 'float'
                    },
                    overlay: {
                        css: {
                            'background': 'rgba(238,238,238,0.85)'
                        }
                    }
                },
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                onClosed: function () {
                   alert('Hi');
                }
            });
        });
    </script>

我想处理 iframe 关闭事件，但上面的代码不起作用。请让我知道我哪里错了请。谢谢。

Answer 1

我假设您使用的是 fancybox v2.x，因为您的代码中的 API 选项......如果是这样，onClosed则不是此版本的有效选项，而是 v1.3.x。

您必须afterClose改用：

afterClose : function () {
 alert('yep, you just closed fancybox v2.x');
}

顺便说一句，既不是transitionIn也不transitionOut是有效的 v2.x API 选项，请查看文档以获取 v2.x 的有效选项