jQuery动态布局插件

Question

我试过jQuery Masonry和Isotope插件，并且似乎无法达到我所期望的布局。

这两个插件似乎都基于前一行元素的高度来计算“下一个可用空间”。例如：

在这个例子中项目＃6进入到最右边，因为＃4的高度小于＃2（在这里我希望它去）的高度。

我想实现的布局更类似于左浮动元素：

是否有上述两个插件的选项来实现这一布局或者是不同的插件可用？

Answer 1

两个可能的解决方案

• 试用实验Masonry-ordered script by tasuk。它可以选择控制是否要项目从左向右进展，而不是砌体默认的次最佳空间。

• 构建您自己的custom layout mode for Isotope。您的布局模式将是砌体的变体。它不是计算下一个最佳空间，而是从左到右通过可用列。