如果按钮包含特定的类名，则 JQuery 隐藏 div

Question

我有一个带有弹出窗口的页面。当弹出窗口打开时，它有一些带有“ui-state-disabled”类的按钮。如果有人试图在弹出框之外单击，我只想在按钮的类名为“ui-state-disabled”时关闭/隐藏该框。但有时弹出框有几个带有“ui-state-disabled”类的按钮，在这种情况下，如果“ui-state-disabled”计数为 1，弹出框可以通过单击外部关闭。

下面是我的代码。当多个按钮具有“ui-state-disabled”类时，它不起作用。请指教

  $(document).on('click', function (e) {

    if (($(e.target).closest(".classChapter").length === 0)) {
        if ($('div.buttonclass').hasClass('ui-state-disabled') === true) {
         //close a dialog box
        } else {
             console.log(2);
        }


    }
});

Answer 1

你的第二个如果

if ($('div.buttonclass').hasClass('ui-state-disabled') === true) {

可以

if ($('div.buttonclass.ui-state-disabled').length === 1) {