16

我怎样才能关闭所有打开dialog的盒子jQuery？接下来的情况是：我有一个没有对话框的简单页面。它有一些按钮打开它拥有对话框。

当我单击一个按钮时，我需要关闭所有打开的对话框。

这是HTML：

<div id="buttons">
    <a href="#" id="btn_1">Button 1</a>
    <a href="#" id="btn_2">Button 2</a>
    <a href="#" id="btn_3">Button 3</a>
</div>
<div id="dialog_1" class="dialogbox">...</div>
<div id="dialog_2" class="dialogbox">...</div>
<div id="dialog_3" class="dialogbox">...</div>

这是jQuery：

$(function() {
    $('#buttons').find('a').click(function() {
        // close all dialogs
        $('.dialogbox').dialog("close");

        // find out clicked id and open dialog
        var nr = this.id.split("_")[1];
        $('#dialog_'+nr).dialog();
    });
});

铬说：Uncaught Error: cannot call methods on dialog prior initialization; attempted to call method 'close'。

我试图检查$('.dialogbox').dialog('isOpen')，但结果相同。

如何关闭所有对话框？

4

2 回答 2

35

由于它们都继承同一个类，因此这是选择全部并关闭的最佳方法：

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

于 2012-11-27T15:12:23.123 回答
1

您可以简单地尝试一下，因为他们都有.ui-dialog-content课程，因此选择并关闭它们，如下所示：-

 $(".ui-dialog-content").dialog("close");
于 2012-11-27T15:13:00.643 回答