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 相关文章推荐
js获取客户端外网ip的简单实例
Nov 21 Javascript
js读取配置文件自写
Feb 11 Javascript
javascript常用功能汇总
Jul 05 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
jQuery命名空间与闭包用法示例
Jan 12 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
JS验证字符串功能
Feb 22 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
vue中使用codemirror的实例详解
Nov 01 Javascript
layui表格设计以及数据初始化详解
Oct 26 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 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
PHP静态新闻列表自动生成代码
2007/06/14 PHP
PHP 读取Postgresql中的数组
2013/04/14 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
PHP后台微信支付和支付宝支付开发
2017/04/28 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
JQueryEasyUI datagrid框架的基本使用
2013/04/08 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
js笔试题-接收get请求参数
2019/06/15 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
nodeJs项目在阿里云的简单部署
2020/11/27 NodeJs
Python中使用异常处理来判断运行的操作系统平台方法
2015/01/22 Python
基于python实现简单日历
2018/07/28 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
英国高级健康和美容产品零售商:Life and Looks
2019/08/01 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
大学生自我鉴定
2013/12/08 职场文书
纠风工作实施方案
2014/03/15 职场文书
毕业设计说明书
2014/05/07 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
党的群众路线教育实践活动个人对照检查剖析材料
2014/09/23 职场文书
党员对照检查剖析材料
2014/10/13 职场文书
劳动模范获奖感言
2015/07/31 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python