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

网络编程 2025/1/22 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

然后页面有几个事件是动态地增加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;
});
},

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

DOM,window.resize,事件

标签：

DOM,window.resize,事件

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

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

暂无IE之动态添加DOM节点触发window.resize事件的评论...

更新日志

2025年01月22日

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

DOM,window.resize,事件

简单JavaScript日历及详细说明

js操作二级联动实现代码

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

更新日志

友情链接