Rileva se è aperta una finestra di dialogo dell'interfaccia utente jQuery

Question

Sto utilizzando una finestra di dialogo dell'interfaccia utente jQuery. Se è aperto, voglio fare una cosa. Se è chiuso, voglio fare un altro.

La mia domanda è, come posso rilevare se una finestra di dialogo dell'interfaccia utente jQuery è aperta o no?

Answer 1

Se leggete il docs.

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

Questo metodo restituisce un valore booleano (vero o falso), non un oggetto jQuery.

Answer 2

Se si desidera controllare se aperto della finestra di dialogo su un elemento particolare che si può fare questo:

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

Oppure, se volete solo per controllare se l'elemento stesso è visibile si può fare:

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

Oppure ...

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

Answer 3

In realtà, è necessario confrontarlo esplicitamente con true. Se la finestra di dialogo non esiste ancora, non restituirà false (come ci si aspetterebbe), restituirà un oggetto DOM.

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

Answer 4

dialogo jQuery ha una proprietà isOpen che può essere utilizzato per verificare se una finestra di dialogo jQuery è aperta o meno.

Si può vedere ad esempio a questo link: commento di http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html

Answer 5

Nick Craver è il più semplice per evitare l'errore che si verifica se il dialogo non è stato ancora definito:

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

È necessario impostare la visibilità nel tuo CSS prima però, usando semplicemente:

#elem { display: none; }