javascript - jQuery 砌体 : repositon dom elements regardless of dom order?

Question

这是我第一次使用 jQuery Masonry Plugin .

我遇到的问题是我正在使用两种尺寸的 .boxes。所以有一个基本尺寸 180x120px 和双倍尺寸 `360x240px``

为了解释我的问题，我制作了我目前正在处理的网站的快速模型。

您在这里看到的是我已经在使用砌体的网格。框中的数字表示框在 DOM 中的顺序。

如您所见，由于 DOM 元素 nr5 是一个大盒子，因此右上角缺少一个“空格”。

现在我的问题是否有可能(或者是否有砌体设置)以便在这种情况下 Nr.7 会 float 到右上角？我只是不想留下任何空间!

有什么想法吗？

我正在使用的代码是这样的……

$wall.masonry({ 
          columnWidth: 180, 
          itemSelector: '.box:not(.invis)',
          animate: true,
            animationOptions: {
              duration: 650,
              easing: 'linear',
              singleMode: true,
              queue: true
            }
        });

提前谢谢你。

Answer 1

尝试 wookmark jquery 插件，如果它解决了您的问题。 wookmark 插件与 masonry 一样，它也使用 bin-packing 算法。但我不认为 masonry 插件浪费空间，因为组合太多了。这是一个 np 完全或困难的问题。当你能在多项式时间内解决它时，你就是一个有钱人!？