問題每個item里面包含圖片，由于加載延遲，導致渲染重疊解決方法等待圖片加載完畢再次渲染初始化判斷圖片加載完畢方法。

function aasetTimeoutaa，1000瀑布流不需要去讀取圖片的寬高，一般都是程序直接將寬高讀取輸出我想您一定用jquery masonry插件了吧這個插件圖片模式下 有些瀏覽器會有bug 會等圖片加載完了才會進行排版當然您。

這是流式布局，你可以找一下瀑布流，有很多現(xiàn)成的代碼具體是通過JS的計算和CSS來將內(nèi)容動態(tài)布局。

渲染每一個瀑布流塊 $#39#container#39htmlhtml ， error function alert#39加載失敗#39 初始化方法調(diào)用 #39#container#39infinitescroll navSelector quot#navigationquot。

一般情況下，可能是圖片路徑有問題。

lt？php*TEMPLATE NAME瀑布流測試 *基于Wordpress自帶的2014主題貢獻者Suifengtec suolingnetif ！ function_exists#39coolwp_scripts_masonry#39 if ！ is_admin function coolwp_scripts_masonry。

一封裝異步操作首先，我們以加載圖片為例，看以下代碼以上的代碼，我封裝了圖片加載的操作，將他們委托給$Deferred，最后生成一個promise返回使用這樣的方式，相比用對外暴露回調(diào)的方式，顯得更干凈更清晰這么做的另。

瀑布流圖片展示效果是一個js或者jquery的插件控制的，和網(wǎng)站的整體模板及框架是沒有關(guān)系的 一般比較常用的jquery的瀑布流插件是。

有瀏覽器差異性13 利用error事件捕獲來處理全局判斷，動態(tài)添加的元素也可以最優(yōu)解可以監(jiān)聽到動態(tài)產(chǎn)生的img標簽14 利用插件imagesLoaded提供的方法來處理imagesLoaded主要用來在手機端瀑布流方式來加載圖片。