Détecter si une boîte de dialogue de l'interface utilisateur jQuery est ouverte

Question

J'utilise une boîte de dialogue jQuery UI. Si c'est ouvert, je veux faire une chose. Si c'est fermé, je veux en faire un autre.

Ma question est, comment puis-je détecter si une boîte de dialogue jQuery UI est ouverte ou non?

Answer 1

Si vous lisez le docs.

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

Cette méthode renvoie une valeur booléenne (true ou false) et non un objet jQuery.

Answer 2

Si vous voulez vérifier si vous pouvez faire l'ouverture sur un élément particulier de la boîte de dialogue suivante:

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

Ou si vous voulez juste pour vérifier si l'élément lui-même est visible que vous pouvez faire:

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

Ou ...

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

Answer 3

En fait, vous devez le comparer explicitement à true. Si le dialogue n'existe pas encore, il ne renverra pas false (comme vous vous en doutez), il retournera un objet DOM.

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

Answer 4

dialogue jQuery a une propriété isOpen qui peut être utilisé pour vérifier si une boîte de dialogue jQuery est ouvert ou non.

Vous pouvez voir l'exemple à ce lien: http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html

Answer 5

commentaire de Nick Craver est le plus simple d'éviter l'erreur qui se produit si la boîte de dialogue n'a pas encore été défini:

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

Vous devez définir la visibilité dans votre CSS d'abord que, en utilisant simplement:

#elem { display: none; }