Question

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

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

由于

Answer 1

从PopUp.aspx，你想要使用：

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

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

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

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

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

2 个答案: