Jak wyświetlić modał bootstrap z funkcji javascript?

Question

Mam przycisk na mojej stronie, że po naciśnięciu wyzwala niektóre funkcje javascript i jedną z tych funkcji javascript, aby otworzyć modala bootstrap, ale nie mogę go uruchomić. Oto mój kod ... proszę o pomoc.

//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

tracisz if() { część rachunku warunkowego

Answer 2

To trochę trudno zobaczyć, co chcesz zrobić z tego częściowego kodu, ale tutaj jest kodeks pracy na podstawie twoich:

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

Answer 3

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

To jest poprawny sposób, twój kod ma po prostu błąd. Wejdź do Konsoli Chrome i uruchom tę komendę, to zadziała.