Question

我阅读了所有网站内容，示例但无法找到手动关闭Messi弹出窗口的命令。我知道标题中有一个关闭按钮。但我想放置一个自定义关闭按钮，并在完成xhr后自动关闭弹出窗口。

这是我的javascript，用于在完成xhr后自动关闭弹出窗口

$(document).ready(function() {

    $("#update").click(function() {

        $.post("./Index/StatusUpdateDo",

        {status: $("#status").val()},

        function(data, status) {

            $('#update').hide('slow');

            $('#done').show('slow');

            //SELF CLOSE COMMAND GOES HERE

        });

    });

});

NB。我是JQuery的初学者。

Answer 1

如果您使用插件的模态选项，您也应该删除它。这样就可以了。

 $('.messi,.messi-modal').remove();

Answer 2

最后我找到了答案。使用以下行/函数，我们可以手动关闭Messi弹出窗口。

$('.messi').remove();

Answer 3

您可以使用click()方法关闭它：

$('.messi .messi-closebtn').click();

Answer 4

这应该在2000ms之后关闭模态

new Messi('This is a message with Messi.', {title: 'Title', autoclose: 2000});

修改

根据DOC

closeButton Show close button in header title (or content if buttons array is empty). tru

所以

new Messi('This is a message with Messi.', {title: 'Title',closeButton: true});

应在标题中显示close button。

首先，bind内的script.js锚点，因此更改为：

<a href="#" id="yourid">Status Update</a>

然后在jQuery脚本中：

$('#yourid').on('click', function() { Messi.load('./Index/Status_Update', {title: 'Status Update' , closeButton: true }); });

当然代替yourid你可以使用你想要的名字id

如何关闭JQuery Messi弹出框

4 个答案: