IE之動態(tài)添加DOM節(jié)點觸發(fā)window.resize事件

更新時間：2010年07月27日 09:13:33 作者：

因為頁面很多UI是絕對定位的,所以當(dāng)窗口大小改變的時候會使原先的布局混亂,只好在每次window.resize的時候重新布局...

然后頁面有幾個事件是動態(tài)地增加DOM元素的,比如點擊某個層會在底下列出該層詳細(xì)內(nèi)容,這樣在FF和chrome下沒出現(xiàn)問題,但是在IE6-8下每次都重布局了.

比如我拖動一個層,在拖動過程中層的內(nèi)容又顯示在最底下了,當(dāng)我放開層的時候這個層就跳回拖動前的位置了...

起先我還沒看出來是重布局了...然后演示了N久,掙扎了N久,終于覺得可能是由于動態(tài)增加DOM節(jié)點導(dǎo)致觸發(fā)window.resize而使頁面重布局了...

最后我不由地在心里喊了句"Thank godness....",還好改變窗口的高度對頁面布局沒有影響,不然真要麻煩死了...

復(fù)制代碼代碼如下:

 
bindResizeWindow:function(){ 
var obj = this; 
$(window).resize(function(){ 
var newWidth = $(window).width(); 
if(newWidth == obj.windowWidth){return;} 
obj.initUI(); 
obj.createUI(); 
obj.windowWidth = newWidth; 
}); 
}, 

只要在綁定方法中判只有寬度改變時才觸發(fā)重布局事件就行了...

您可能感興趣的文章:

相關(guān)文章

JavaScript接口防止重復(fù)請求的方法總結(jié)
在前端開發(fā)中,防止重復(fù)請求是一個常見的問題,重復(fù)請求不僅會增加服務(wù)器的負(fù)載,還可能導(dǎo)致數(shù)據(jù)不一致等問題,本文為大家整理了一些常用的解決方法,需要的可以參考下
2024-12-12
TypeScript類型使用示例剖析
這篇文章主要為大家介紹了TypeScript類型使用示例剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
javascript實現(xiàn)文字無縫滾動
這篇文章主要介紹了javascript實現(xiàn)文字無縫滾動，文字可以實現(xiàn)上下滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
微信小程序中懸浮窗功能的實現(xiàn)代碼
懸浮窗就是圖中微信圖標(biāo)的按鈕，采用fixed定位，可拖動和點擊。本文給大家分享一個比較常見的常見，通過實例代碼給大家介紹微信小程序中懸浮窗功能的實現(xiàn)，一起看看吧
2019-08-08
uniapp引用echarts的詳細(xì)步驟(附柱狀圖實例)
最近在uni-app搭建的微信小程序項目中使用了ECharts,下面這篇文章主要給大家介紹了關(guān)于uniapp引用echarts的詳細(xì)步驟,文中還附有柱狀圖實例,需要的朋友可以參考下
2022-07-07
javascript構(gòu)造函數(shù)以及原型對象的理解
本文主要介紹了javascript構(gòu)造函數(shù)以及原型對象的理解。分享了有關(guān)它們的實例代碼，具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
Bootstrap Table中的多選框刪除功能
這篇文章主要介紹了Bootstrap Table中的多選框刪除功能，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-07-07
PNGHandler-借助JS讓PNG圖在IE下實現(xiàn)透明（包括背景圖）
PNGHandler-借助JS讓PNG圖在IE下實現(xiàn)透明（包括背景圖）...
2007-08-08
解決layui數(shù)據(jù)表格排序圖標(biāo)被超出的表頭擠出去的問題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格排序圖標(biāo)被超出的表頭擠出去的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript更改字符串的大小寫
在javascript中涉及字符串大小寫轉(zhuǎn)換的方法有4個：toLowerCase()、toLocaleLowerCase()、toUpperCase()及toLocaleUpperCase()。今天我們主要來用下toUpperCase()和toLowerCase()方法。
2015-05-05