jquery - 从 Iframe 关闭 jQuery UI 对话框

Question

我已经实现了以下代码，用于在 jQuery 对话框内上传照片(使用 iframe)。

这是 Iframe

<div style="display: none">
    <iframe id="upload-form" frameborder="0" marginheight="0" marginwidth="0" src="Upload.aspx"></iframe>
</div>

这是父页面上负责打开对话框的 jQuery 代码。

$("#upload-image").click(function (e) {
    e.preventDefault();
    $('#upload-form').dialog({
        modal: true,
        width: 300,
        title: "Upload Image",
        autoOpen: true,
        close: function(event, ui) { $(this).dialog('close') }
    });
});

上传成功后，我会注入(inject)一个脚本(在 iframe 页面上)，将结果传递回父页面，但我想同时关闭对话框。

$(document).ready(function () {
    $(parent.document).find('#imagePathValue').val('theimagevalue');
    $(parent.document).find('#upload-form').dialog('close');
});

#imagePathValue 已成功传递，但我似乎无法关闭对话框。

有什么想法吗？

Answer 1

为了使其工作，您必须从父级调用 jQuery，而不是从 iframe 内调用。为此，请使用以下...

window.parent.jQuery('#upload-form').dialog('close');

应该可以了!