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

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

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

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

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

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

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

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

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