<!-- 链接代码 -->
<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
<!-- 页面中的弹层代码 -->
<div class="modal" id="modal">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</div>
<!-- 远程URL返回的代码 -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
加载的内容是被放到.modal-content里的,外面的弹层里面必须要有以上代码,远程生成的代码里是剩下的部分;
本文介绍了一种通过模态框加载远程URL内容的方法。点击链接后,远程URL返回的模态框头部、主体和底部内容会被加载到现有的模态框中。此方法适用于前后端分离的应用场景。
181

被折叠的 条评论
为什么被折叠?



