檢測jQuery UI對話框是否打開

Question

我正在使用jQuery UI對話框。如果它是開放的，我想做一件事。如果它關閉了，我想再做一次。

我的問題是，如何檢測jQuery UI對話框是否打開？

Answer 1

如果你讀了docs.

$('#mydialog').dialog('isOpen') 

此方法返回布爾值（true或false），而不是jQuery對象。

Answer 2

如果你想檢查對話框的特定元素上打開，你可以這樣做：

if ($('#elem').closest('.ui-dialog').is(':visible')) { 
    // do something 
} 

或者，如果你只是想檢查元素本身是可見的，你可以這樣做：

if ($('#elem').is(':visible')) { 
    // do something 
} 

或者......

if ($('#elem:visible').length) { 
    // do something 
} 

Answer 3

其實，你必須明確地將它與真實的比較。如果對話框還不存在，它不會返回false（如你所期望的），它將返回一個DOM對象。

if ($('#mydialog').dialog('isOpen') === true) { 
    // true 
} else { 
    // false 
} 

Answer 4

jQuery的對話框中有可用於檢查一個jQuery的對話框打開或不是isOpen屬性。

您可以通過以下鏈接查看示例： http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html

Answer 5

尼克Craver的評論是最簡單的，以避免如果對話框尚未定義時出現的錯誤：

if ($('#elem').is(':visible')) { 
    // do something 
} 

你應該設置可見在你的CSS第一雖然，使用：

#elem { display: none; }