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

I have a button on my page that when it is pushed it triggers some javascript functions to occur, and one of those javascript functions to open a bootstrap modal, but I can't seem to get it to work. Here is my code... please help.

我的页面上有一个按钮,当它被推送时会触发一些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");
          }
      });

3 个解决方案

#1

you're missing if () { part of the conditional statement

你错过if(){条件陈述的一部分

#2

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

This is the correct way, your code simply has an error. Go in to Chrome Console and run this command, it'll work.

这是正确的方法,您的代码只是有错误。进入Chrome控制台并运行此命令,它将起作用。

#3

It's a bit hard to see what you want to do with this partial code, but here is a working code based on yours:

有点难以看到你想用这个部分代码做什么,但这里有一个基于你的工作代码:

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

#1