黑马程序员技术交流社区
标题:
【上海校区】 模态框
[打印本页]
作者:
不二晨
时间:
2019-3-11 13:48
标题:
【上海校区】 模态框
主页面：
<div class="modal" id="modal-operate">
<div class="modal-dialog modal-lg">
<div class="modal-content" id="modal-operate-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">加载中...</h4>
</div>
<div class="modal-body">
<div class="overlay text-center">
<i class="fa fa-refresh fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
子页面：
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">新增一个标段（包）</h4>
</div>
<div class="modal-body">
<div class="form-horizontal">
<div class="form-group">
<label class="control-label col-md-4" for="t_code">编号</label>
<div class="col-md-8">
<input type="text" name="code" id="t_code" class="form-control" th:value="${bidtenderDTO.s}" />
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSaveTender">新增</button>
</div>
$('#modal-operate-body').load(url);
$('#modal-operate').modal('show');
$('#modal-operate').modal('hide');
此处只是笔记，可以查看bootstrap官方文档
---------------------
【转载，仅作分享，侵删】
作者：xuesibianxing
原文：
https://blog.csdn.net/xuesibianxing/article/details/88167784
版权声明：本文为博主原创文章，转载请附上博文链接！
作者:
不二晨
时间:
2019-3-11 15:21
奈斯，感谢分享
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
奈斯，感谢分享