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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
JQuery中$之选择器用法介绍
Apr 05 Javascript
悬浮数字的实现案例
Feb 19 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
js格式化输入框内金额、银行卡号
Feb 01 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
Jun 21 Javascript
JS刷新父窗口的几种方式小结(推荐)
Nov 09 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
node 使用 async 控制并发的方法
May 07 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 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
smarty的保留变量问题
2008/10/23 PHP
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
Prototype使用指南之dom.js
2007/01/10 Javascript
让iframe自适应高度(支持XHTML,支持FF)
2007/07/24 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
js调用iframe实现打印页面内容的方法
2014/03/04 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
JS引用传递与值传递的区别与用法分析
2018/06/01 Javascript
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
Python 中@property的用法详解
2020/01/15 Python
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
应用化学专业本科生求职信
2013/09/29 职场文书
新娘父亲婚礼致辞
2014/01/16 职场文书
草船借箭教学反思
2014/02/03 职场文书
小学综治宣传月活动总结
2014/07/02 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
庆祝教师节主题班会
2015/08/17 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis