如何在弹出页面事件上关闭 jQuery SimpleModal 外部页面弹出窗口？答案

【问题标题】：How to close jQuery SimpleModal external page popup on popup page event?如何在弹出页面事件上关闭 jQuery SimpleModal 外部页面弹出窗口？
【发布时间】：2010-08-19 06:03:34
【问题描述】：

我有一个 asp.net c# 项目，需要使用 jQuery SimpleModel 插件打开另一个页面（在项目内）作为弹出窗口，并在用户单击弹出页面上的链接时关闭它。（此链接也有一些服务器端代码。）

我可以用这段代码打开一个页面，

$('a#Test').click(function() {
            $.modal('<iframe src="PopUp.aspx" height="450" width="830" style="border:0">', {
                closeHTML: "",
                containerCss: {
                    backgroundColor: "#fff",
                    borderColor: "#fff",
                    height: 450,
                    padding: 0,
                    width: 830
                },
                overlayClose: true
            });
        });

但不知道如何在弹出页面的点击事件中关闭它。

谢谢

【问题讨论】：

如果我的回答不能解决您的问题，请告诉我。

标签： c# jquery simplemodal

【解决方案1】：

从 PopUp.aspx，您想使用：

parent.$.modal.close(); // or parent.jQuery.modal.close();

在同一页面中，您会使用：

$.modal.close(); // or jQuery.modal.close();

【讨论】：

【解决方案2】：

这对我来说很好用：

('a#Test').click(function() {
    $.modal('<iframe src="PopUp.aspx" height="450" width="830" style="border:0"/><p><center><input value="Close" name="Close" class="CloseBtn" type="button" /></center></p>', {
        closeHTML: "",
        containerCss: {
            backgroundColor: "#fff",
            borderColor: "#fff",
            height: 450,
            padding: 0,
            width: 830
        },
        closeClass:('CloseBtn')
    });
});

【讨论】：