Bootstrap Modal 关闭时引起的问题
来源:互联网 发布:plsql导出单个表数据 编辑:程序博客网 时间:2024/06/05 00:11
我在使用bootstrap3.0时,用了他的modal 功能打开一个模态框时,在关闭modal时,bootstrap没有清除它打开的样式,有余留样式,造成我的页面的滚动条消失了(打开modal前是有滚动条的),代码如下:
....省略部分代码
$("#setRatioModal").modal("hide");
showRation();//保存后,关闭modal后重新加载部分页面(包括modal的html)
....省略部分代码
打开前Dom如下:
关闭modal,并重新加载html后,Modal没有正常关闭,有残余样式和dom结构,如下:
后来询问前端的同事才知道,js虽然单线程往下执行,但当遇到样式渲染、dom操作时,就有同步异步的问题,也就是说,当$("#setRatioModal").modal("hide");执行完,但有可能modal('hide')里面的样式操作,dom操作还没有渲染完,showRation()方法就把页面刷新了,所以造成了modal有样式残余。
解决办法:
1.手动清除残余(这个有点土)
$(".modal-backdrop").remove();
$("body").removeClass('modal-open');
2.使用setTimeout函数调用后面的刷新代码
$("#setRatioModal").modal("hide");
setTimeout(function(){
showRation();
},500);
2 0
- Bootstrap Modal 关闭时引起的问题
- bootstrap 多层modal关闭后的滚动问题
- Bootstrap modal 多弹窗之叠加引起的滚动条,遮罩阴影问题
- Bootstrap Modal关闭,开启时触发事件
- 【bootstrap】 bootstrap-modal: 点击遮罩层不关闭modal
- Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题
- bootstrap多层modal弹窗同时关闭的解决办法
- Bootstrap- Modal对话框如何在关闭时触发事件
- 禁用 BootStrap Modal 点击空白时自动关闭
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- bootstrap关闭modal后,如何清空modal里的bootstrapValidator的校验痕迹
- bootstrap modal 在IOS9中不能弹出的问题 IOS 9 bootstrap modal ios 9 noticework
- bootstrap 动态添加modal,隐藏后背景仍然残留的问题 bootstrap-modal-backdrop-remaining
- 关于bootstrap的modal
- bootstrap modal水平居中问题
- 杭电oj 2007 平方和和立方和
- servlet 配置解析
- JAVA 集合
- C++第一次实验-1
- 简单理解Socket
- Bootstrap Modal 关闭时引起的问题
- mybatis mapper.xml数据库映射生成java实体,增删改查sql语句
- Stanford 机器学习笔记 Week7 Support Vector Machines
- 自定义View笔记——基础了解
- ls command not found 的解决办法
- log4j.xml 文件配置
- oop
- 一生一世换算
- 编辑器,有些快捷键会忘