我正在使用以下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>
答案 0 :(得分:0)
当我将jQuery代码放在HTML代码的末尾时,它起了作用。