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

Question

我有一个带有 iframe 的页面，在这个 iframe 中有一些链接应该在父窗口中打开一个模态窗口。问题是我无权将代码放入父窗口。我只能访问此 iframe。有没有一种方法可以用具有这种限制的 jquery 来完成？

谢谢!

Answer 1

您可以使用 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 在你的父窗口中，你可以将 $('#div-modal') 替换为 $(window.parent.document) .find('#div-modal')