父窗口中的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:中

parent.functionName（）；

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