網頁

Tuesday, October 4, 2011

[JS] Close fancybox within iframe

雖然 fancybox 的 API 文件中有說到在iframe中可使用 parent.$.fancybox.close(); 去關掉 fancybox ,但是我實際上測試卻是不會動,後來在網路上找半天,各種做法都搞不定,最後只好用很笨的方法,直接把 fancybox 顯示出來的圖層關掉:
        parent.jQuery('#fancybox-overlay').css('display', 'none');
        parent.jQuery('#fancybox-wrap').css('display', 'none');

後來想了一想,用了比較好的做法,程式上比較美觀,雖然我看不出來在表現上有啥差別。
    //parent
    function CloseFancy()
    {
        $.fancybox.close();
    }
    //iframe
    function fancyclose() {
        parent.CloseFancy();
    }

如果有用 fancybox ,可以參考一下,不過 fancybox 跟 BlockUI 會有衝突,我還找不到方法解,要注意一下就是。

No comments:

Post a Comment