如何关闭弹出页面事件中的jQuery SimpleModal外部页面弹出窗口?

时间:2010-08-19 06:03:35

标签: c# jquery simplemodal

我有一个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
            });
        });

但无法弄清楚如何在弹出页面的点击事件中关闭它。

由于

2 个答案:

答案 0 :(得分:2)

从PopUp.aspx,你想要使用:

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

在同一页面中,您将使用:

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

答案 1 :(得分:1)

这对我来说很好用:

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