jquery – 从iframe打开模态窗口到父级

前端之家收集整理的这篇文章主要介绍了jquery – 从iframe打开模态窗口到父级前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有iframe的页面,在这个iframe中有一些链接应该在父窗口中打开一个模态窗口.问题是我没有权限将代码放入父窗口.我只能访问这个iframe.有没有办法可以通过jquery来实现这些限制?

谢谢!

解决方法

您可以使用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’)替换$(‘#div-modal’)

猜你在找的jQuery相关文章