检测是否打开了jQuery UI对话框

我正在使用jQuery UI对话框。如果它是开放的，我想做一件事。如果关闭了，我想再做一遍。

我的问题是，如何检测jQuery UI对话框是否打开？

如果您阅读文档。

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

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

实际上，您必须将其显式比较为true。如果对话框尚不存在，它将不会返回false（如您所愿），它将返回一个DOM对象。

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

如果要检查对话框是否在特定元素上打开，可以执行以下操作：

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

或者，如果您只想检查元素本身是否可见，则可以执行以下操作：

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

要么...

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

jQuery对话框具有isOpen可用于检查jQuery对话框是否打开的属性。

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

尼克·克雷弗（Nick Craver）的注释是避免未定义对话框时发生错误的最简单方法：

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

不过，您应该首先使用以下方法在CSS中设置可见性：

#elem { display: none; }