我們公司是做在線閱讀器的,其中使用到了column的形式展示數(shù)據(jù)。我在一個container div上寫好了各種column的css定義。然后在特定的時候,要從后臺拿到真正的圖書內(nèi)容,加到container里面,同時還需要顯示一下目前內(nèi)容實際分成了多少頁。現(xiàn)在的問題是,因為瀏覽器布局有一個時間差,所以我們的JS獲取的實際內(nèi)容寬度,發(fā)生了抖動,尤其是當存在圖片時。示例代碼如下:$('#container').append(newContent); // newContent是從后臺拿到的數(shù)據(jù),已經(jīng)轉(zhuǎn)為一個普通的div$('#container').width(); //我們需要獲取到寬度值,然后經(jīng)過一系列計算,可以算出新的內(nèi)容一共分了多少頁問題是,馬上執(zhí)行上述代碼,可能獲得的寬度值是不準確的,需要等一會兒再獲取,才是準確的??墒?,因為我們不知道newContent的可能長度是多少,也就沒法預(yù)估一個比較合適的延遲值。最好是能找到一個類似于document.ready這樣的方法,可以用來判定某次修改已經(jīng)layout完成,從而可以獲取到準確的數(shù)值。請問,有這樣的回調(diào)方法嗎?或者有什么方法可以實現(xiàn)“抓住準確的layout完成時點”?多謝各位大俠
如何知道一次瀏覽器渲染布局(layout)已經(jīng)結(jié)束?
精慕HU
2018-09-23 22:27:48