Detectar si un cuadro de diálogo de la interfaz de usuario de jQuery está abierto

Question

Estoy utilizando un cuadro de diálogo de la interfaz de usuario de jQuery. Si está abierto, quiero hacer una cosa. Si está cerrado, quiero hacer otro.

Mi pregunta es, ¿cómo puedo detectar si un cuadro de diálogo de jQuery UI está abierto o no?

Answer 1

Si usted lee la docs.

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

Este método devuelve un booleano (verdadero o falso), no un objeto jQuery.

Answer 2

Si desea comprobar si está abierta del diálogo en un elemento particular puede hacer esto:

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

O si lo que quiere comprobar si el elemento en sí es visible que puede hacer:

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

O ...

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

Answer 3

En realidad, tiene que compararlo explícitamente con verdadero. Si el diálogo aún no existe, no devolverá falso (como era de esperar), devolverá un objeto DOM.

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

Answer 4

de diálogo jQuery tiene una propiedad isOpen que se puede utilizar para comprobar si un cuadro de diálogo jQuery está abierta o no.

Puede ver el ejemplo en este enlace: comentario de http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html

Answer 5

Nick Craver es la más sencilla de evitar el error que se produce si el diálogo no se ha definido:

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

Debe establecer la visibilidad en su CSS primero, usando simplemente:

#elem { display: none; }