不通过按键触发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 '600px', 3 height:'300px', 4 "margin-left":"-400px" 5 });
margin-left：外边距，在此地为modal距离屏幕边缘，用于调整modal水平位置使其居中