Jquery Masonry 布局，强制内容进入特定列

Question

我的布局使用砖石。我仅使用 2 个 div 宽度作为内容框，即 240px 和 500px。我想做的就是始终将 500px 的框强制放入布局的中间，这样我就有一个更有序的薄厚薄布局。我创建了一个 jpeg 来演示我想要实现的目标。

我深入研究了 jquery.masonry.js 文件的代码来尝试找出答案。到目前为止，我取得的最好成绩是操纵 div 的 X 位置，但是当我这样做时，它不会调整 Y 位置，并且会放弃其他 div 的高度计算。 query 不是我的母语，我很难弄清楚每列的 Y 高度是如何计算的。有人以前挖过砖石来做这件事吗？

我所取得的成就是:

      if($brick.width() === 240) { 
      //code here to make sure this div's x position is either 5 or 785

     if($brick.width() > 260) { 
     //code here to make sure this divs x position is set at 265

但是在我重新定位这些 div 后，Y 位置将被丢弃，并且当我循环内容时，进一步的 div Y 位置将关闭。

您可以在这里看到原始的完整砌体js:https://github.com/desandro/masonry/blob/master/jquery.masonry.js

Answer 1

将 horizo​​ntalOrder: true 添加到您的函数中，它将强制从左到右。