如何用jquery更改bootstrapd出框的内容

使用jquery更改bootstrapd出框的内容，可以使用Jquery的load()方法，动态加载不同的模态框（d出框）内容，然后填充到页面的d出框div中：

主页面只保留d出框最外面的那个div

<div class="modal fade" id="myModal"> </div> 动态加载的d出框内容页面中包括bootstrap模态框中的head、body和footer部分 <div class="modal-header">   

<h3>模态框header </h3>  

</div>   

<div class="modal-body">   

<p>模态框body</p>  

</div>   

<div class="modal-footer">   

<p>模态框footer</p>   

</div> 利用jquery的load()方法，在点击不同的按钮时动态先动态加载内容到模态框的div中，然后再让bootstrap显示

<script>  

// 模态对话框隐藏时移除数据  

$("#myModal").on("hidden", function() {    

$(this).removeData("modal")  

})   

// 显示模态对话框  

var showModal = function() {   

var remote = "/test/showModal"  

if (remote != "") {    

$("#myModal").load(remote, function() {    

$("#myModal").modal('show')   

})  

}}  

</script>

其中showModal函数可以由按钮控制。

先把查询出来的东西放入session对象，在当前页面读取出部分信息，为button按钮添加一个单击事件。查看详细信息也不一定非要在新页面，当前页面添加一个div，做成d出窗口的效果即可如$("#button1").click(function(){$("body").animate({$(this).append("<div style='background:#aaaposition:fixedleft:400pxtop:250pxwidth:400pxheight:300px'></div>")},500)

这个是一个思路而已，div里面也可以放上其他html标签。d窗效果有了，然后再把内容添加到这个div就行了，也可以用jquery的jquery ui插件里面的dialog方法d窗。

，要是在新页面的话设定好样式，重新读取session内容即可。

---