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 close事件，但上面的代码无效。请让我知道我哪里出错了。感谢。

Answer 1

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

您必须改为使用afterClose：

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

BTW，transitionIn或transitionOut都不是有效的v2.x API选项，请查看documentation以了解v2.x的有效选项

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

1 个答案: