jquery - 父窗口中的 iframe jquery 对话框

Question

我有一个带有 iframe 的页面，该页面出现在 jQuery 对话框中。

在 iframe 内，它加载一个页面，该页面上有一个按钮，通过 jQuery 对话框显示警报。目前对话框出现并位于 iframe 上，但是如何显示此对话框以显示在 iframe 之外并位于最上层？即覆盖父屏幕。

主页

<div><iframe src="" id="theframe" name="theframe"></iframe></div>

iframe 页面是动态加载的，并且在该页面上有一个功能

$('#alertclick').click(function() {
    var alert_dialog = $('<div>' + alertinfo + '</div>');
    alert_dialog.dialog({ width: 400, height: 300, resizable: false });
});

Answer 1

如果将 div 放在父页面中，则可以在父页面中调用函数以从 iframe 内部显示对话框。例如，将其放置在 iframe 中：

父函数名（）；

将在 iframe 的初始页面中调用函数 functionName。