欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【IE之动态添加DOM节点触发window.resize事件】,下面是详细的讲解!
IE之动态添加DOM节点触发window.resize事件
然后页面有几个事件是动态地增加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;
});
},
只要在绑定方法中判只有宽度改变时才触发重布局事件就行了...
关于IE之动态添加DOM节点触发window.resize事件的用户互动如下:
相关问题:一个$(window).resize();的问题。高手看看
答:用hover试试。 >>详细
相关问题:jquery $(window).resize IE浏览器不兼容的问题。
答:使用body的resize事件来兼容: $(body).resize(function (){ qw=$('.zc').width(); qh=$('.zc').height(); bw=$(window).width(); bh=$(window).height(); if(qw>bw||qh>bh){ $('.qie').css({position:"fixed"}); }else{ $('.qie').css({positio... >>详细
相关问题:关于前端的几个知识点,劳烦知友帮忙解答一下
答:Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件...DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。4、XMLHttpReques... >>详细
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 【extjs】extjs每个组件要设置唯一的ID否则会出错
- 【bootstrap3】基于bootstrap3和jquery的分页插件
- 【hover】jQuery控制图片的hover效果(smartRollo
- 【div】div浮层 滚动条移动 位置保持不变的4种方
- 【Cookie】Cookie 小记
- 【arguments】JavaScript的arguments对象应用示例
- 【ECMAScript5】ECMAScript5中的对象存取器属性:
- 【function】JavaScript function 的 length 属性
- 【ExtJs】ExtJs动态生成treepanel的Json格式-tree
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
