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中判断函数是new还是()调用的区别说明
Apr 07 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
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
融入意大利的咖啡文化
2021/03/03 咖啡文化
删除数组元素实用的PHP数组函数
2008/08/18 PHP
php 中文处理函数集合
2008/08/27 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
2014/11/17 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
2015/07/18 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
Javascript使用function创建类的两种方法(推荐)
2016/11/19 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
nodejs环境使用Typeorm连接查询Oracle数据
2019/12/05 NodeJs
python中遍历文件的3个方法
2014/09/02 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
Django时区详解
2019/07/24 Python
Python 矩阵转置的几种方法小结
2019/12/02 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
汉森批发:Hansen Wholesale
2018/05/24 全球购物
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
社区中秋节活动方案
2014/01/29 职场文书
老干部工作先进事迹
2014/08/17 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
环卫个人总结
2015/03/03 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js