2012-04-23 77 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