模态框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 width:'600px', 3 height:'300px', 4 "margin-left":"-400px" 5 });
margin-left:外边距,在此地为modal距离屏幕边缘,用于调整modal水平位置使其居中
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步