从iframe打开模态窗口到父级

Question

我有一个带iframe的页面,在这个iframe中有一些链接应该在父窗口中打开一个模态窗口.问题是我没有权限将代码放入父窗口.我只能访问这个iframe.有没有办法可以用jquery做这种限制？

谢谢!

Answer 1

您可以使用JQuery插件SimpleModal

有一个叫做"appendTo"的选项,你可以告诉你把Modal放在哪里.这种方法的唯一问题是模态的叠加层显示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位于父窗口中,则可以替换$('#div-modal')为$(window.parent.document).find('#div-modal')