出现

时间:2017-04-02 13:47:10

标签: jquery html bootstrap-modal

我正在使用以下jQuery代码来触发按钮来显示bootstrap模式。 注意:我使用相同的jQuery代码在另一个页面上触发相同的模式,并且它在该页面上正常工作。我只使用bootstrap.js而不是bootstrap-modal.js,可能是什么问题?

 <script>

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

    });
}); 
</script>

以下是bootstrap模式的代码

<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>

1 个答案:

答案 0 :(得分:0)

当我将jQuery代码放在HTML代码的末尾时,它起了作用。