父窗口中的iframe jquery对话框

Question

我有一个页面，其中包含一个出现在jQuery对话框中的iframe。

在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。