bootstrap 模态框动态加载数据

1.页面中添加modal 


class="modal fade" id="showModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
class="modal-dialog" style="width:900px;">
class="modal-content"> //内容动态填充
2.数据格式。页面动态生成a 标签 'modal' data-target='#showModal' οnclick=targetto('" + row.id + "')>"+ row.title+""; 3.单击事件 function targetto(id){ $("#showModal").modal({ remote: "showAction.action?id="+id }); } 4.每次隐藏时,清除数据。确保点击时,重新加载 $("#showModal").on("hidden.bs.modal", function() { $(this).removeData("bs.modal"); }); 5.基于bootstrap3.其他版本,请自己Google,如有雷同,纯属巧合,如有需要,欢迎分享。

原文:http://blog.csdn.net/shenyingkui/article/details/45693129

你可能感兴趣的:(bootstrap 模态框动态加载数据)