2012-04-23 63 views
5

我有一個帶有iframe的頁面,在這個iframe中有一些應該在父窗口中打開模式窗口的鏈接。事情是我沒有訪問代碼放入父窗口。我只能訪問這個iframe。有沒有一種方法可以用jQuery來完成這些限制?從iframe打開模式窗口進入父項

謝謝!

回答

6

您可以使用jQuery插件SimpleModal

有一個稱爲「appendTo」的選項,在這裏可以告訴你在哪裏把你的情態。這種方法唯一的問題是,模式的疊加顯示iframe的大小,所以你打開它後,你必須給它你想要的寬度和高度。

$('#div-modal').modal({ 
    appendTo: $(window.parent.document).find('body'), 
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style 
    overlayClose:true, 
}); 
// Set overlay's width 
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%'); 

如果你想打開的模式是在你的父窗口的DIV,你可以用$(window.parent.document).find('#div-modal')

+0

的最佳解決方案取代$('#div-modal'),它的工作好!你知道這是否符合跨瀏覽器? – 2012-08-10 08:55:11

+0

我真的不知道。我在Chrome和Opera中測試過。可能你應該檢查插件的頁面。 – Renato 2012-08-14 21:20:28

+0

無法在跨域上使用 – fadomire 2017-03-15 23:47:00