jquery - 如何关闭 jQuery 打开的对话框？

Question

我有一个网页，在其中打开一个对话框，其中显示另一个网页。当我单击该子网页上的提交按钮时，它会加载到浏览器窗口中。

以下是整个概要:

在父页面上，我有一个加载子页面的 div。

<div id="divMyDialog" title="Child Dialog Title">
</div>

在 jQuery 文件中，我有以下内容:

$("#divMyDialog").dialog({
    autoOpen: false,
    bgiframe: true,
    width: 800,
    height: 400,
    modal: true,
    draggable: false,
    resizable: false
    });

function OpenDialog(FirstID, SecondID) {
    $("#divMyDialog").dialog("open").load("ChildPage.aspx?FirstID=" + FirstID+ "&SecondID=" + SecondID);
}

现在，一旦我单击 ChildPage.aspx 中的 asp:button(在数据库操作之后)，我希望 ChildPage.aspx 显示警报，然后关闭。相反，发生的情况是它正确显示警报，然后在浏览器中加载 ChildPage.aspx。

对于警报，我在该 asp:button 的 OnClick 事件中包含此内容:

Page.ClientScript.RegisterStartupScript(this.GetType(), "showalert", "<script>CloseMyDialog();</script>");

要关闭 ChildPage.aspx 对话框，我有以下内容:

<script type="text/javascript">
    function CloseMyDialog() {
        parent.$.fn.colorbox.close();
        return false;
    }
</script>

如果您需要更多说明，请告诉我。我已经尝试了很多方法，但到目前为止没有一个能正常工作。

谢谢。

Answer 1

您正在加载内容，这并不意味着它是 iFrame，您正在将页面内容加载到#divMyDialog 中。所以你不必执行parent.$.fn。另外，如果您想关闭对话框，您可以执行以下操作:

$("#divMyDialog").dialog("close");

并关闭所有对话框

$(".ui-dialog-content").dialog("close");