如何解决在iframe中弹出模态
| 您好,我正在使用jquery simplemodal在应用程序中创建模式框。我希望能够在iframe上方弹出模式,以使其变大而没有iframe滚动。 现在我的模态代码是这样的function fullScreenChart(){
var pathname = window.location.href;
var modalHTML = \'<iframe src=\"\'+pathname+\'&bigchart\" width=\"820px\" height=\"520px\" frameborder=0 />\';
$.modal (modalHTML,{
closeHTML: \"<a href=\'#\' title=\'Close\' style=\'position:absolute; top:0px; right:6px;\' class=\'simplemodal-close\'>Close</a>\",overlayCss: {
backgroundColor: \'#000\',cursor: \'wait\'
},containerCss: {
height: 520,width: 820
}})
}
有什么方法可以利用.parent()或其他方式使iframe脱离模式。这样我也可以设定高度和宽度百分比。
解决方法
如果我正确理解了您的问题,则希望父页面创建一个模式窗口并将其放在iframe上方。假设iframe源指向同一域,您可以将
fullScreenChart
函数简单地放在父页面中,然后从iframe调用它,如下所示:
parent.fullScreenChart();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。