web-dev-qa-db-ja.com

javascript関数内からbootstrap=モーダルを表示するにはどうすればよいですか?

ページにボタンがあり、プッシュするといくつかのJavaScript関数が発生し、それらのJavaScript関数の1つが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");
          }
      });
13
silvster27

条件文のif () {部分が欠落しています

4
Franklin Clark

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

これは正しい方法です。コードにエラーがあります。 Chrome Consoleに移動してこのコマンドを実行すると、動作します。

6
Andy

この部分的なコードで何をしたいのかを見るのは少し難しいですが、ここにあなたに基づいて動作するコードがあります:

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

3
JAR.JAR.beans