如何从 javascript 函数中显示引导模式？答案

【问题标题】：How do I show a bootstrap modal from within a javascript function?如何从 javascript 函数中显示引导模式？
【发布时间】：2012-08-04 02:01:55
【问题描述】：

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

【问题讨论】：

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

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

这是正确的方法，您的代码只是有一个错误。进入 Chrome 控制台并运行此命令，它会工作。

【讨论】：

【解决方案2】：

您缺少if () { 条件语句的一部分

【讨论】：

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

【解决方案3】：

很难看出你想用这个部分代码做什么，但这里有一个基于你的工作代码：

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

【讨论】：