Détecter si une boîte de dialogue jQuery UI est ouverte

Question

J'utilise une boîte de dialogue jQuery UI. Si elle est ouverte, je veux faire une chose. S'il est fermé, je veux en faire une autre.

Ma question est la suivante : 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 un booléen (vrai ou faux), et non un objet jQuery.

Answer 2

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

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

Answer 3

Si vous voulez vérifier si la boîte de dialogue est ouverte sur un élément particulier, vous pouvez le faire :

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

Ou si vous voulez simplement vérifier si l'élément lui-même est visible, vous pouvez le faire :

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

Ou...

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

Answer 4

La boîte de dialogue jQuery possède un isOpen qui peut être utilisée pour vérifier si une boîte de dialogue jQuery est ouverte ou non.

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

Answer 5

$('#mydialog').dialog({
  open: function() {
    //do something
  },
  close: function() {
    //do something
  }
});