bootstrap模态框动态加载数据1.页⾯中添加modal
<!-- 模态框(Modal) -->
<div class="modal fade" id="showModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" >
<div class="modal-content">
//内容动态填充
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
2.数据格式。页⾯动态⽣成a 标签
<a data-toggle='modal' data-target='#showModal' onclick=targetto('" + row.id + "')>"+ row.title+"</a>";
3.单击事件
function targetto(id){
$("#showModal").modal({
remote: "showAction.action?id="+id
});
}
4.每次隐藏时,清除数据。确保点击时,重新加载
$("#showModal").on("dal", function() {
$(this).removeData("bs.modal");
});bootstrap 5
5.基于bootstrap3.其他版本,请⾃⼰Google,如有雷同,纯属巧合,如有需要,欢迎分享。
原⽂:blog.csdn/shenyingkui/article/details/45693129
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论