JQuery Masonry Float 左问题

Question

我有一个 2 列的网站，在我尝试将砌体 ID 应用到我的右手栏(我想要应用砌体的列)之前，它工作正常。我的问题是，如何将 JQuery Masonry 应用于向左浮动的列？我什至尝试将 masonry id div 放在 float 列中，但它仍然不起作用。有人知道解决方案吗？

Answer 1

Masonry 应用于一个 DOM 元素。它适用于一个 div(元素)。您可以根据需要将 Masonry 应用于任意数量的元素:

$('#left-column-id').masonry({
    itemSelector: '.item'
});
$('#right-column-id').masonry({
    itemSelector: '.item'
});

或者将所有可排序元素放在一个具有 itemSelector 类名(在本例中名为“item”)的 div 中。