如何关闭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();
});
});
Chrome说:Uncaught Error: cannot call methods on dialog prior initialization; attempted to call method 'close'
。
我曾尝试检查$('.dialogbox').dialog('isOpen')
,但结果相同。
如何关闭所有对话框?
答案 0 :(得分:33)
由于它们都继承了同一个类,因此这是选择all和close by的最佳方法:
$(".ui-dialog-content").dialog("close");
答案 1 :(得分:1)
你可以简单地尝试这个,因为他们都有.ui-dialog-content
类,所以选择并关闭它们,如下所示: -
$(".ui-dialog-content").dialog("close");