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

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

La mia domanda è: come faccio a rilevare se una finestra di dialogo dell'interfaccia utente di jQuery è aperta o meno?

Se leggi i documenti.

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

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

In realtà, devi confrontarlo esplicitamente con il vero. 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
}

Se vuoi controllare se la finestra di dialogo è aperta su un particolare elemento puoi farlo:

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

O se vuoi solo controllare se l'elemento stesso è visibile puoi fare:

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

O...

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

jQuery dialog ha una isOpenproprietà che può essere utilizzata per controllare se una finestra di dialogo jQuery è aperta o meno.

Puoi vedere un esempio a questo link: http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html

Il commento di Nick Craver è il più semplice per evitare l'errore che si verifica se la finestra di dialogo non è stata ancora definita:

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

Dovresti prima impostare la visibilità nel tuo CSS, usando semplicemente:

#elem { display: none; }