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