fancybox 關閉彈出窗口 parent.$.fancybox.close(); 無反應 fancybox 關閉彈出窗口父頁面自動刷新,彈出子窗口前后事件

當我們在父頁面使用 fancybox 彈出窗口后，如果想自己手動關閉，則可以

function Cancel() {
            parent.$.fancybox.close();
        }

如果關閉沒有反應，最好看看父頁面里面有沒有設置type為iframe模式

 

$(function () {

            $("#various3").fancybox({
                onStart: function () {
                    var examId = $('input[name="examRadio"]:checked').val();
                    if (examId == null) {
                        alert("請先選擇一條記錄");
                        return false;
                    } else {
                        var oldhref = "IframeEditExam.aspx?eid=";
                        var newhref = oldhref + examId;
                        $("#various3").attr("href", newhref);
                    }
                },
                onClosed: function () {
                    window.location.href = window.location.href; //關閉彈出框之后自動刷新父頁面
                },
                padding: 0,
                autoScale: true,
                type: 'iframe',  //這里一定要設置為 iframe  不然子頁面里面 parent.$.fancybox.close();  無反應
                width: 600,
                height: 160,
                openEffect: 'elastic'
            });

        });

這里要注意，如果希望在彈出子頁面框之前能做一個判斷,我們就使用fancybox的 onStart 的方法，如果希望子頁面框關閉之后還能執行一個方法，我們就使用 onClosed 方法。

 

其他的可以參考

http://www.cnblogs.com/qinpengming/archive/2013/05/26/3099848.html