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

Question

我的代码有嵌套iframe，我想在关闭子iframe时关闭父iframe。但是我得到了这个错误：在初始化之前无法在对话框上调用方法;试图调用方法'关闭'。

儿童页面：

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

父iframe：

        $('<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
            }
        })

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