从iframe中加载的页面关闭jQuery UI对话框

Question

我知道有很多关于这个话题的主题，但是没有一个人帮助我做我想做的事情。

我试图让一个旧系统远离window.showModalDialog()并使用jQuery UI对话框，并且尝试用最少的更改来完成它，因为所有过时的javascript和内容都变成了问题这里。

初始页面：

$(document).ready(function(){
                $("#searchDialog").dialog({
                position: "center",
                autoOpen: false,
                draggable: false,
                resizable: false,
                height: 650,
                width: 650,
                modal: true,
                dialogClass: 'searchDialog',
                closeOnEscape: true
            }); 
            $('.searchDialog .ui-dialog-titlebar').each(function () {
                $(this).css("display", "none");
            });

        });
    <div id="searchDialog" style="display:none; height: 650px; width:650px;">
       <iframe id="searchDialogiFrame" style="height: 625px; width: 625px;"></iframe>
</div>

在按钮上单击一个函数基本上加载传入对话框div中包含的iFrame的URL

function openModalWindow(sURL,sName,sFeatures,bReplace){
    $('#searchDialogiFrame').attr('src', sURL);
    $('#searchDialog').dialog('open');
}

问题是如何构建系统我加载了一个页面，然后包含该页面上按钮的一些UserControl以添加帐户或“取消”＃39;交易，所以我不确定DOM在“添加”的Click事件之后我将如何关闭此页面。按下按钮。

使用代码

$('#searchDialog').dialog('close'); or
window.parent.$('#searchDialog').dialog('close');

此代码不起作用。在那之后，我不知道如何弄清楚如何遍历DOM以确定哪个调用可以关闭该对话框。