不通過按鍵觸發modal的方式(代碼位於同一文本中):
modal中內容
1 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 2 <div class="modal-dialog"> 3 <div class="modal-content"> 4 ... 5 </div><!-- /.modal-content --> 6 </div><!-- /.modal --> 7 </div>
在需要modal自動彈出的地方
$('#myModal').modal('show');
如果需要對modal尺寸進行調整則將上述代碼變為
1 $('#myModal').modal('show').css({ 2 width:'600px', 3 height:'300px', 4 "margin-left":"-400px" 5 });
margin-left:外邊距,在此地為modal距離屏幕邊緣,用於調整modal水平位置使其居中