Puis-je vérifier si Bootstrap Modal montré / caché?

Question

Puis-je vérifier si Bootstrap Modal actuellement affiché/masqué par programmation?

Comme bool a = if("#myModal").shown();?

J'ai besoin de vrai/faux

Answer 1

alert($('#myModal').hasClass('in'));

Il retournera vrai si modal est ouvert

Answer 2

La meilleure méthode est donnée dans la documentation

$('#myModal').on('shown.bs.modal', function () {
  // will only come inside after the modal is shown
});

pour plus d'informations, consultez http://getbootstrap.com/javascript/#modals

Answer 3

sa une vieille question mais de toute façon voici quelque chose que j'ai utilisé incase quelqu'un cherchait la même chose

if (!$('#myModal').is(':visible')) {
    // if modal is not shown/visible then do something
}

Answer 4

Quand modal se cache? nous vérifions comme ceci:

$('.yourmodal').on('hidden.bs.modal', function () {
    // do something here
})

Answer 5

Utilisez hasClass('in'). Il retournera true si modal est dans l'état OPEN.

Par exemple:

if($('.modal').hasClass('in')){
   //Do something here
}

Answer 6

De manière officielle:

> ($("element").data('bs.modal') || {})._isShown    // Bootstrap 4
> ($("element").data('bs.modal') || {}).isShown     // Bootstrap <= 3

{} Est utilisé pour éviter le cas où modal n'est pas encore ouvert (il retourne undefined). Vous pouvez également lui attribuer une valeur égale à {isShown: false} Pour la conserver plus logique.

Answer 7

Avec Bootstrap 4:

if ($('#myModal').hasClass('show')) {
    alert("Modal is visible")
}

Answer 8

if($('.modal').hasClass('in')) {
    alert($('.modal .in').attr('id')); //ID of the opened modal
} else {
    alert("No pop-up opened");
}

Answer 9

Pour moi ça marche

 
 if ($ ("# monModal"). css ("display")! = 'aucun' && $ ("# monModal"). css ("visibilité")! = 'caché') 
 
 alert("modal shown");