ブートストラップモーダルが表示された直後に消えます

Question

次のjQueryコードを使用してボタンを起動してブートストラップモーダルを表示しています。 注：同じjQueryコードを使用して別のページでも同じモーダルをトリガーし、そのページで正常に機能しています。私はbootstrap-modal.jsではないbootstrap.jsだけを使用していますが、何が問題なのでしょうか？続き

<script> 

$(function(ready){ 
    $(".paypal1_form").submit(function(event) { 
     console.log('here'); 
     $('button.modal2').click(); 
     setTimeout(function() { 
     return true; 
     event.preventDefault(); 
     }, 2000); 

    }); 
}); 
</script> 

は、私は、HTMLコードの末尾にjQueryのコードを入れたときにそれが働いたブートストラップモーダル

<button style="display:none;" type="button" class="btn btn-info btn-lg modal2" data-toggle="modal" data-target="#RedirectModal">Open Modal</button> 

    <div id="RedirectModal" class="modal fade" role="dialog"> 
     <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <p style="float:right;color:white;font-size:14px;margin-top:-12px;" class="close" data-dismiss="modal">X</p> 
      <!--<h4 class="modal-title">Modal Header</h4>--> 
      </div> 
      <div class="modal-body"> 
      <h3 style="color:white;">We are now redirecting you to Paypal...</h3> 

     </div> 
      <div class="modal-footer"> 
      <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>--> 
      </div> 
     </div> 

     </div> 
    </div> 

Answer 1

ためのコードです。