如何在单击iFrame中的按钮时关闭jQuery对话框？

Question

我有一个jQuery对话框，iFrame在打开时添加到对话框中。 如何 关闭 这个对话框点击了一个按钮（iFrame的HTML中的按钮）。

我尝试使用contents()在iFrame中获取内容，但我得到的是[object object]

很多人已经提到我们无法访问跨域内容，此处根本没有涉及其他域名。

Answer 1

window.parent.$("#dialogDiv").dialog('close');

这解决了问题..

Answer 2

以下是两种方式。

从iframe内部开始：

$('button#closeDialog').click(function(e){
    e.preventDefault();
    $('#dialog', top.document).dialog('close');
}

从基页内部：

$('iframe').contents().find('button#closeDialog').click(function(e){
    e.preventDefault();
    $('#dialog).dialog('close');
}

Answer 3

试试这个

$("#yourIframeId").contents().find("#buttonId").click(function(){
    $("#dialogId" ).dialog( "close" );
});

或代表

$(document).on('click',"#buttonId",function(){
    $("#dialogId" ).dialog( "close" );
});

Answer 4

这是一个简单且经过测试的解决方案：

window.parent.jQuery('#popId').hide();