Bootstrap modal cacher ne fonctionne pas
Modal Bootstrap cacher n'est pas de travail. D'alerte vient d'autre. mais mon modal n'est pas caché Ajouté bootply. Mon problème est le même.
<button class="button primary" id="buy" data-toggle="modal" data-target=".bs-example-modal-sm" style= "text-decoration:none;" type="button">Review and confirm</button>
<div class="modal-bootstrap fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="smallModalLabel" aria-hidden="true">
<div class="modal-bootstrap-dialog modal-sm">
<div class="modal-bootstrap-content">
<div class="modal-bootstrap-body">
-- content ----
</div>
</div>
</div>
<div class="modal-bootstrap-footer">
<button type="submit" class="button primary" data-dismiss="modal">Close</button>
<button type="submit" class="button primary">Save changes</button>
</div>
</div>
<script type="text/javascript">
$("#buy").click(function () {
var a = 4;
if (a == 5) {
alert("if");
$('#myModal').modal('show');
}
else {
alert("else");
$('#myModal').modal('hide');
}
});
</script>
- vérifiez la console d'erreurs éventuelles. Si l'un puis de le poster ici.
- vous avez oublié
;
aprèsalert()
- .. et votre javascript est juste entre le html
- et où est votre
<script>
tag ? - J'ai corrigé alerte. Dans mon INTERFACE d'alerte est de travail. Le problème est modale n'est pas caché
- Ajouté bootply. Même problème pour moi
- J'ai vérifié votre code. Maintenant, vous comparer a == 5. mais une est toujours de 4. vous pouvez vérifier ce pourquoi vous faites cette comparaison. Aussi, vous devez vous supprimez les données de la cible si vous souhaitez ouvrir modale à partir de javascript : <button class="bouton principal" id="acheter" data-toggle="modal" style="text-decoration:none;" type="button">Examiner et de confirmer</button> data-cible directement l'ouverture du modal. Vérifier si cela fonctionne.
- merci pour votre réponse. Il est de travail. De bien vouloir mettre ce que répondre. Je ll accepter
- ok va pour cela. Merci
Vous devez vous connecter pour publier un commentaire.
Vous utilisez à la fois modal basculement méthodes: via Javascript et via des attributs de données. Donc, votre sur est tir modale de montrer que vos données attributs, et votre Javascript n'affecte pas ce déclencheur.
Seulement de supprimer les attributs de données et d'aller avec la méthode Javascript:
J'ai eu le même problème, essayé beaucoup de choses, mais la seule solution qui a fonctionné pour moi est @Tang Chanrith suggéré de supprimer individuellement les parties du modal, mais un peu amélioré à la place arrière et la barre de défilement. Je vais mettre ma réponse si l'on a accepté la réponse n'a pas de travail pour eux. Désolé pour mon anglais. Espère que j'ai aidé.
Amélioration De La Solution
Vous suffit de supprimer une classe de corps et css généré
Essayer cette fonction
J'ai vérifié votre code.
Maintenant, vous comparer a == 5. mais une est toujours de 4. vous pouvez vérifier ce pourquoi vous faites cette comparaison.
Aussi, vous devez vous supprimez les données de la cible si vous souhaitez ouvrir modale à partir de javascript :
de données cible directement l'ouverture du modal.
Vérifier si cela fonctionne.
essayez d'ajouter return false comme ceci:
Vous devriez essayer ce
$('.modal.in').modal('hide')
Via https://github.com/twbs/bootstrap/issues/489
J'ai la solution à ce problème.
Dans le code java script, vous devez ajouter une ligne de code
J'ai eu le même problème, mon erreur était que je tentais d'ouvrir la fenêtre modale à quelques reprises. Nous devons test de la fenêtre modale n'est pas déjà ouvert avant d'essayer de l'ouvrir.
Comme je l'ai rencontrée, parfois, vous devez supprimer le style d'affichage:
J'ai eu le même problème. J'ai essayé le JavaScript chemin suggéré dans le post, malheureusement il n'a travaillé que la moitié du temps. Si j'ai déclenché mon modal quelques fois, il bugs. Par conséquent, j'ai créé un travail autour de l'utilisation de CSS:
J'ai été l'ouverture du modal popup lorsque je clique sur le lien utilisation de data-toggle="modal" attribut qui a été lié avec ce lien et essayer de fermer à l'aide de javascript mais j'ai échoué à chaque fois, donc quand j'ai enlever le "data-toggle" attribut et "href" à partir de ce lien et l'ouvrit à l'aide de javascript alors qu'il était en train de refermer correctement à l'aide du javascript.
de la ci-dessous quelques lignes de code, vous pouvez comprendre facilement
<a href="#CustomerAdvancedModal" data-toggle="modal" class="classShowAdvancedSearch">Advanced Search</a>
J'ai changé le lien ci-dessus de quelque chose de ce lien
Après que quand j'essaie de le fermer à l'aide de javascript, puis j'ai réussi
$("#CustomerAdvancedModal").modal('hide');