如何在javascript函数中显示引导模式?

sil*_*r27 13 javascript jquery modal-dialog twitter-bootstrap

我的页面上有一个按钮,当它被推送时会触发一些javascript函数发生,并且其中一个javascript函数可以打开一个bootstrap模式,但我似乎无法让它工作.这是我的代码......请帮忙.

 //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");
          }
      });
Run Code Online (Sandbox Code Playgroud)

And*_*ndy 6

$( "#错误对话框")模式( "秀").

这是正确的方法,您的代码只是有错误.进入Chrome控制台并运行此命令即可.


小智 4

你遗漏了if () {部分条件语句

  • @JSilva如果这不是您问题的真正问题,那么请不要接受这个答案。当人们读到这个问题时,这只会让他们感到困惑。 (9认同)
  • 我在输入问题时不小心删除了 if() 。真正的解决方案是我需要删除样式标签 style="display: none;" 来自模态。 (3认同)