Come visualizzare un modal bootstrap da una funzione javascript?

Question

Ho un pulsante sulla mia pagina che quando viene premuto fa scattare alcune funzioni javascript e una di queste funzioni javascript per aprire un modal bootstrap, ma non riesco a farlo funzionare. Ecco il mio codice ... per favore aiuto.

//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"); 
      } 
     }); 

Answer 1

vi state perdendo if() { parte della dichiarazione condizionale

Answer 2

E 'un po' difficile da vedere che cosa si vuole fare con questo codice parziale, ma qui è un codice di lavoro basato sul vostro:

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

Answer 3

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

Questo è il modo corretto, il codice ha semplicemente un errore. Accedi a Chrome Console ed esegui questo comando, funzionerà.