IE之动态添加DOM节点触发window.resize事件
2018-10-12 13:55
344 查看
然后页面有几个事件是动态地增加DOM元素的,比如点击某个层会在底下列出该层详细内容,这样在FF和chrome下没出现问题,但是在IE6-8下每次都重布局了.
比如我拖动一个层,在拖动过程中层的内容又显示在最底下了,当我放开层的时候这个层就跳回拖动前的位置了...
起先我还没看出来是重布局了...然后演示了N久,挣扎了N久,终于觉得可能是由于动态增加DOM节点导致触发window.resize而使页面重布局了...
最后我不由地在心里喊了句"Thank godness....",还好改变窗口的高度对页面布局没有影响,不然真要麻烦死了...
只要在绑定方法中判只有宽度改变时才触发重布局事件就行了...
比如我拖动一个层,在拖动过程中层的内容又显示在最底下了,当我放开层的时候这个层就跳回拖动前的位置了...
起先我还没看出来是重布局了...然后演示了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;
});
},
只要在绑定方法中判只有宽度改变时才触发重布局事件就行了...
您可能感兴趣的文章:
相关文章推荐
- 万恶的IE之动态添加DOM节点触发window.resize事件
- IE之动态添加DOM节点触发window.resize事件
- JS实现动态添加DOM节点和事件的方法示例
- 如果dom节点是动态添加进页面的,在页面节点绑定事件如何解决的问题。
- ie下,jquery为动态添加的节点添加事件,用live
- 给ajax动态加载的dom节点添加鼠标事件
- Js(DOM)动态添加节点和事件
- 第5天(就业班) BOM、window对象、事件、location对象、screen对象、Dom编程根据属性找节点、通过关系找节点、添加附件、联动框、操作元素的css样式、正则表达式
- JS为循环动态生成的节点添加点击事件
- JQuery 动态添加DOM元素及事件响应机制的2点注意
- js动态append添加的节点点击事件无效
- 解决jQuery ajax动态新增节点无法触发点击事件的问题
- angular动态删除ng-repaeat添加的dom节点
- 手动触发dom节点事件代码
- jQuery中动态创建元素节点无法触发事件
- C#JS动态添加事件,并且获取触发事件的当前node元素
- DOM动态添加HTML节点 appendChild、removeChild
- AJAX动态添加li之后无法触发事件
- js 修改svg样式、动态加入DOM元素、添加事件响应函数
- jQuery动态添加元素无法触发绑定事件的解决方法分析