Ermitteln Sie, ob ein Dialogfeld für die jQuery-Benutzeroberfläche geöffnet ist

Ich verwende ein jQuery-UI-Dialogfeld. Wenn es offen ist, möchte ich eine Sache tun. Wenn es geschlossen ist, möchte ich ein anderes machen.

Meine Frage ist, wie erkenne ich, ob ein Dialogfeld für die jQuery-Benutzeroberfläche geöffnet ist oder nicht?

Wenn Sie die Dokumente lesen .

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

Diese Methode gibt einen Booleschen Wert (true oder false) zurück, kein jQuery-Objekt.

Eigentlich muss man es explizit mit true vergleichen. Wenn der Dialog noch nicht vorhanden ist, wird nicht false zurückgegeben (wie erwartet), sondern ein DOM-Objekt.

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

Wenn Sie überprüfen möchten, ob der Dialog für ein bestimmtes Element geöffnet ist, können Sie Folgendes tun:

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

Oder wenn Sie nur überprüfen möchten, ob das Element selbst sichtbar ist, können Sie Folgendes tun:

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

Oder...

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

Das jQuery-Dialogfeld verfügt über eine isOpenEigenschaft, mit der überprüft werden kann, ob ein jQuery-Dialogfeld geöffnet ist oder nicht.

Sie können ein Beispiel unter diesem Link sehen: http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html

Der Kommentar von Nick Craver ist der einfachste, um den Fehler zu vermeiden, der auftritt, wenn der Dialog noch nicht definiert wurde:

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

Sie sollten jedoch zuerst die Sichtbarkeit in Ihrem CSS festlegen, indem Sie einfach Folgendes verwenden:

#elem { display: none; }