如何使用 jquery 檢測對話框是否已打開？

Question

在我的代碼中，有幾個 HTML 框，每個框打開不同的對話框。 這是我打開對話框的方法：

function popup(category) {
  $(category).dialog();
};

這些框有一個點擊： popup('#categoryName') 。 我想確保一旦打開了特定對話框，就無法重新打開它。 如何使用 JQuery 檢測該對話框是否已打開並防止再次打開該對話框？

在此先感謝您的建議！！！

Answer 1

您可以向您的框添加一個屬性以檢查其各自的對話框之前是否已打開，並使用 attr 函數獲取該值並在打開對話框后更改它。

<div id="category-1-box" onclick="popup(this, '#category-1')" has-been-opened="no">Category 1</div>
<div id="category-2-box" onclick="popup(this, '#category-2')" has-been-opened="no">Category 2</div>

function popup(box, category) {
    if($(box).attr("has-been-opened") === "no"){
        $(category).dialog();
        $(box).attr("has-been-opened", "yes");
    }  
}

請注意，當您從 onclick 事件調用該函數時，您必須向彈出函數添加一個新參數並傳遞this關鍵字。 通過這種方式，您可以操作該特定元素以使用 JQuery 檢查和更改值。