2013-10-08 146 views
0

我已經有一個JQuery函數,使用iframe創建一個彈出窗口。 一個新的需求說我需要創建另一個彈出窗口,從第一個彈出窗口觸發,但iframe不允許我創建另一個彈出窗口。無論如何,我可以使用主頁面而不是iframe創建一個彈出窗口作爲父頁面嗎?如果你有更好的建議,請告訴我。 感謝JQuery顯示彈出內彈出

代碼:

function GetPopUp ("../folder/file.htm", "POPUP Title") 
{ 
    var xpos = mouse_x; 
    var ypos = mouse_y; 
    var windowID = $(href.split('/')).last()[0].split('.')[0]; 
    var $dialog = $("#" + windowID) 

    var dimensions = GetPopUpDimensions(windowID); 

    $('body').after('<iframe id="' + windowID + '" style="padding:0;" src="' + href + '"> </iframe>'); 
    $dialog = $("#" + windowID) 
    $dialog.dialog(
    { 
    autoOpen: false, 
    title: title, 
    position: 'center', 
    sticky: false, 
    width: dimensions.DialogWidth, 
    height: dimensions.DialogHeight, 
    draggable: true, 
    resizable: false, 
    modal: true, 
    close: function() { 
     $(this).dialog('destroy'); 
     $("#" + windowID).remove(); 
    } 
}); 
$dialog.load(function() { 
    $dialog.dialog('open'); 
    $dialog.css("width", "100%"); // reset the width that is set by jquery UI 
}); 

}

HTM文件具有預期如果代碼可以前綴iframe的內部執行觸發另一個彈出

+0

你可以發佈一些代碼,所以我們知道你的彈出使用iframe的是什麼意思? –

+0

請檢查上面的代碼,謝謝 – asahun

回答

0

可點擊的鏈接您的DOM選擇器:

window.parent. 
+0

謝謝曼,我用window.parent來調用創建第二個彈出窗口的功能,它的工作。 – asahun

0

T他彈出的窗口不會自動應用到IFrame窗口的頂部,所以我們可以通過Parent.function_name()輕鬆應用它。
function_name()=>該函數定義在IFrame窗口的頂部。您可以在下面的鏈接看到完整的演示

Click Here for demo