IE之动态添加DOM节点触发window.resize事件


Posted in Javascript onJuly 27, 2010

然后页面有几个事件是动态地增加DOM元素的,比如点击某个层会在底下列出该层详细内容,这样在FF和chrome下没出现问题,但是在IE6-8下每次都重布局了.

比如我拖动一个层,在拖动过程中层的内容又显示在最底下了,当我放开层的时候这个层就跳回拖动前的位置了...

起先我还没看出来是重布局了...然后演示了N久,挣扎了N久,终于觉得可能是由于动态增加DOM节点导致触发window.resize而使页面重布局了...

最后我不由地在心里喊了句"Thank godness....",还好改变窗口的高度对页面布局没有影响,不然真要麻烦死了...

bindResizeWindow:function(){ 
var obj = this; 
$(window).resize(function(){ 
var newWidth = $(window).width(); 
if(newWidth == obj.windowWidth){return;} 
obj.initUI(); 
obj.createUI(); 
obj.windowWidth = newWidth; 
}); 
},

只要在绑定方法中判只有宽度改变时才触发重布局事件就行了...

Javascript 相关文章推荐
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
用Jquery重写windows.alert方法实现思路
Apr 03 Javascript
JavaScript中this的使用详解
Nov 08 Javascript
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
vue单元格多列合并的实现
Nov 26 Vue.js
js操作二级联动实现代码
Jul 27 #Javascript
jquery.jstree 增加节点的双击事件代码
Jul 27 #Javascript
基于jsTree的无限级树JSON数据的转换代码
Jul 27 #Javascript
XENON基于JSON变种
Jul 27 #Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 #Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 #Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 #Javascript
You might like
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
表单内同名元素的控制
2006/11/22 Javascript
javascript document.execCommand() 常用解析
2009/12/14 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
jQuery中closest()函数用法实例
2015/01/07 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
Bootstrap使用基础教程详解
2016/09/05 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
2017/06/15 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python操作json数据的一个简单例子
2014/04/17 Python
单利模式及python实现方式详解
2018/03/20 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
idea2020手动安装python插件的实现方法
2020/07/17 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
艺术专业大学生自我评价
2013/09/22 职场文书
上班玩游戏检讨书
2014/02/07 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
学生保证书
2015/01/16 职场文书
民事上诉状范文
2015/05/22 职场文书
会议室使用管理制度
2015/08/06 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers