如何在JavaScript函數中顯示引導模式？

我有我的網頁上的按鈕，當它被按下它會觸發一些JavaScript功能發生，這些JavaScript函數打開一個引導模式之一，但我似乎無法得到它的工作。這是我的代碼...請幫助。如何在JavaScript函數中顯示引導模式？

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

來源

2012-08-07 silvster27