-2

これがfancyboxiframeのコードです

 <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のクローズイベントを処理したいのですが、上記のコードが機能していません。どこがおかしいのか教えてください。ありがとう。

4

1 に答える 1

2

ファンシーボックス 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 の有効なオプションを確認してください。

于 2012-10-18T07:04:08.380 に答える