Javascript 在使用JQuery UI初始化之前，无法在对话框上调用方法

我的代码有nest iframe，我想在关闭子iframe时关闭父iframe。但我得到了一个错误：在初始化之前无法在对话框上调用方法；试图调用方法“close”

子页面：

父Iframe：

$（''）。对话框({
自动打开：对，
高度：平均高度*0.3，
位置：{my:'middle'，at:'middle'，of:window，collision:'fit'}，
宽度：AvailWidth*0.3，
beforeClose:函数（）{
//待办事项
}
})

那么，如何关闭子iframe以同时关闭父iframe？谢谢

        {
            text:"closethisAndIt'sParentIframe",click:function(){
                var temp = $(parent.window.document.getElementById("CreateDialog").outerHTML)[0];
                $(temp).dialog("close");
                $(this).dialog("close");
            }
        }

        $('<div id="CreateDialog"><iframe width="100%" height="100%" src="@Url.Action("AddRoleKInd","Role")" frameborder=0 /></div>').dialog({
            autoOpen: true,
            height: avaliHeight * 0.3,
            position: { my: 'middle', at: 'middle', of: window, collision: 'fit' },
            width: avaliWidth * 0.3,
            beforeClose: function () {
                //TODO
            }
        })