父窗口中的iframe-jquery对话框

我有一个带有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 });
});