bootstrap modal.js中modal框数据不清空，怎么解决

来源：蜘蛛抓取(WebSpider) 时间：2016-12-05 07:28 标签： bootstrap modal 事件
1080人阅读
javascript（30）
1、绑定事件，在关闭的时候，直接将数据清除：&
Javascript代码&&
$(&#model&).on(&hidden.bs.model&,function(e){$(this).removeData();});&&
2、修改一下请求的url，添加随机参数，强制刷新，先用jQuery的get方法取内容，再放到modal中。如下：&
Javascipt代码&&
function&remoteUrl(u){&&
&&&&u&+=&'&t='&+&Math.random(1000)&&
&&&&$.get(u,&'',&function(data){&&
&&&&&&&&$('#remoteModal&.modal-body').html(data)&&
&&&&$('#remoteModal').modal({show:true,backdrop:false})&&
3.加时间戳 var timestamp=new Date().getTime()；
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：101661次
积分：1720
积分：1720
排名：第19656名
原创：26篇
转载：285篇
(10)(6)(4)(4)(15)(19)(2)(4)(4)(1)(8)(13)(10)(27)(19)(23)(32)(23)(9)(9)(30)(41)bootstrap的官方文档详细介绍了使用button属性调用modal的方法，但对js调用Modal的介绍甚少，此处介绍一下。
&!--Modal dialog provoked &注意模态框代码最好作为body的直接子元素&--&
&&&&&&&&&divclass=&modal fade&id=&myModal2&tabindex=&-1&role=&dialog&aria-labelledby=&myModalLabel&&
&&&&&&&&&&&divclass=&modal-dialog&role=&document&&
&&&&&&&&&&&&&divclass=&modal-content&&
&&&&&&&&&&&&&&&div&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&/div&
&&&&&&&&&&&&&/div&
&&&&&&&&&&&/div&
&&&&&&&&&/div&
&首先在触发Modal框弹出的位置的js代码为
$('#myModal2').modal('toggle');//触发显示模态框
//$('#myModal2').modal('show');该行代码执行的结果是显示父级屏幕失效，但模态框尚未弹出之前.
在模态框与用户交互完毕后，执行下面的js语句：
$('#myModal2').modal('hide');
模态框消失，显示父级页面
&&&|&Powered by

我要回帖

更多关于 bootstrap modal 事件 的文章

 

随机推荐