JQuery Masonry Float Left Issue

Question

我有一个2柱状网站可以正常工作，直到我尝试将砌体ID应用到我的右栏（我希望砌砖应用于此列）。我的问题是，如何将JQuery Masonry应用于左侧浮动的列？我甚至尝试将砌成的id div放在浮动列中，但它仍然不起作用。有人知道解决方案吗？

Answer 1

砌体适用于一个DOM元素。它适用于一个div（元素）。您可以根据需要将砌体应用于尽可能多的元素：

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

或将所有可排序元素放在一个带有itemSelector类名的div中（在此示例中名为“item”）。