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>

bootply

  • vérifiez la console d'erreurs éventuelles. Si l'un puis de le poster ici.
  • vous avez oublié ; après alert()
  • .. 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

InformationsquelleAutor Sam | 2014-05-15