web-dev-qa-db-fra.com

Comment afficher un modal bootstrap à partir d'une fonction javascript?

J'ai un bouton sur ma page qui, lorsqu'il est poussé, déclenche certaines fonctions javascript, et une de ces fonctions javascript pour ouvrir un mod bootstrap, mais je n'arrive pas à l'obtenir Voici mon code ... aidez-moi.

 //elsewhere on the form is the button that triggers the javascript
  <a href="#" class="btn btn-danger" id="cancelPObtn" data-dismiss="modal">Yes, cancel it</a>

 <!-- CANCEL A PO MODAL -->
 <div class="modal hide fade" id="error-dialog" style="display: none;">
   <div class="modal-header">
        <a class="close" data-dismiss="modal">x</a>
        <h3>Cancel Purchase Order?</h3>
   </div>
   <div class="modal-body">
   </div>
   <div class="modal-footer">
       <a href="#" class="btn btn-danger btn-modal btn-cancel"  data-dismiss="modal">Yes, cancel it</a>
       <a href="#" class="btn" data-dismiss="modal">Nevermind</a>
   </div>
 </div>




      $('.btn-danger').click(function(event) {
          if(some random conditional statement){
             //some stuff happens here
          }
          else{ 
                //Show form validation error modal-- I know this part is triggered but the modal will not show
                $("#error-dialog").modal("show");
          }
      });
javascriptjquerytwitter-bootstrapmodal-dialog
13
silvster27

il manque if () { une partie de l'instruction conditionnelle

4
Franklin Clark

$ ("# error-dialog"). modal ("show");

C'est la bonne façon, votre code a simplement une erreur. Allez dans Chrome Console et exécutez cette commande, cela fonctionnera.

6
Andy

Il est un peu difficile de voir ce que vous voulez faire avec ce code partiel, mais voici un code de travail basé sur le vôtre:

http://jsbin.com/oqomiv/1/edit

3
JAR.JAR.beans