问题每个item里面包含图片，由于加载延迟，导致渲染重叠解决方法等待图片加载完毕再次渲染初始化判断图片加载完毕方法。

function aasetTimeoutaa，1000瀑布流不需要去读取图片的宽高，一般都是程序直接将宽高读取输出我想您一定用jquery masonry插件了吧这个插件图片模式下 有些浏览器会有bug 会等图片加载完了才会进行排版当然您。

这是流式布局，你可以找一下瀑布流，有很多现成的代码具体是通过JS的计算和CSS来将内容动态布局。

渲染每一个瀑布流块 $#39#container#39htmlhtml ， error function alert#39加载失败#39 初始化方法调用 #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返回使用这样的方式，相比用对外暴露回调的方式，显得更干净更清晰这么做的另。

瀑布流图片展示效果是一个js或者jquery的插件控制的，和网站的整体模板及框架是没有关系的 一般比较常用的jquery的瀑布流插件是。

有浏览器差异性13 利用error事件捕获来处理全局判断，动态添加的元素也可以最优解可以监听到动态产生的img标签14 利用插件imagesLoaded提供的方法来处理imagesLoaded主要用来在手机端瀑布流方式来加载图片。