模态框modal-HTML

不通过按键触发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水平位置使其居中