jquery - 如何检查 Jquery 中是否打开了多个对话框？

Question

我注意到我可以从不同的按钮/链接打开多个选项卡。 :)

我想要做的是只有在没有打开其他对话框的情况下才能够打开一个对话框。

我可以使用 if 语句并检查每个带有对话框的 id，但我的页面中有很多这样的 id。

我需要一些表达之王，if (adialog id open) {do not open $(this)dialog} 或 仅当没有其他对话框时才打开 $(this)dialog打开。

Answer 1

您可以使用isOpen对话框上的方法来检查它是否打开。例如:

if(!$(".selector").dialog("isOpen")) {
    // the dialog .selector is closed, you can open another one
}

更新:

如果您想在打开一个对话框之前关闭任何其他打开的对话框，您可以通过一个函数来路由所有对话框打开操作，该函数会记住在打开另一个对话框之前要关闭的内容。

在此示例中，调用 openDialog 将在打开您指定的对话框之前关闭任何其他打开的对话框，而调用 closeDialog 将关闭当前事件的对话框。

function closeDialog() {
}

function openDialog(selector) {
    closeDialog();

    $(selector).dialog("open");
    closeDialog = function() { 
        $(selector).dialog("close");
    };
}

该示例使用 closeDialog 和 openDialog 函数“污染”了 window 对象，但如果需要，您可以适本地重构它。