javascript - 关闭所有打开的对话框？ (查询)

Question

如何在 jQuery 中关闭所有打开的 dialog 框？接下来的情况是:我有一个没有对话框的简单页面。它有一些按钮可以打开它拥有的对话框。

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

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

Chrome 显示:未捕获错误:初始化之前无法在对话框上调用方法；试图调用方法“关闭”。

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

如何关闭所有对话框？

Answer 1

由于它们都继承了同一个类，所以这是全选并关闭的最佳方式:

$(".ui-dialog-content").dialog("关闭");