然後頁面有幾個事件是動態地增加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;
});
},
只要在綁定方法中判只有寬度改變時才觸發重布局事件就行了...