jQuery动态布局插件

Question

我已经尝试了 jQuery Masonry 和 Isotope 插件，但似乎无法实现我想要的布局。

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

在此示例中，#6 项位于最右侧，因为 #4 的高度小于 #2 的高度（我希望它到达的位置）。

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

以上两个插件是否有实现这种布局的选项，或者可能有不同的插件可用？

Answer 1

两种可能的解决方案

• 试用实验性的Masonry-ordered script by tasuk。它有一个选项来控制您是否希望项目从左到右进行，而不是 Masonry 的默认次佳空间。

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