今天浪费了快一下午的时间在这上面了......
因为页面很多UI是绝对定位的,所以当窗口大小改变的时候会使原先的布局混乱,只好在每次window.resize的时候重新布局...
然后页面有几个事件是动态地增加DOM元素的,比如点击某个层会在底下列出该层详细内容,这样在FF和chrome下没出现问题,但是在IE6-8下每次都重布局了.
比如我拖动一个层,在拖动过程中层的内容又显示在最底下了,当我放开层的时候这个层就跳回拖动前的位置了...
起先我还没看出来是重布局了...然后演示了N久,挣扎了N久,终于觉得可能是由于动态增加DOM节点导致触发window.resize而使页面重布局了...
最后我不由地在心里喊了句"Thank godness....",还好改变窗口的高度对页面布局没有影响,不然真要麻烦死了...
1 bindResizeWindow:function(){
2 var obj = this;
3 $(window).resize(function(){
4 var newWidth = $(window).width();
5 if(newWidth == obj.windowWidth){return;}
6 obj.initUI();
7 obj.createUI();
8 obj.windowWidth = newWidth;
9 });
10 },
顺便赞美一下OO,让JS编程也如此清晰,方便...