同位素砌体，无法正常工作

Question

我正在使用同位素 (http://isotope.metafizzy.co)。使用此处提供的示例 (http://isotope.metafizzy.co/demos/relayout.html) 测试 reLayout 方法，将 css、js 复制到 (http://punkbit.com/webzine/isotope.html) 但是当我单击第一个元素时，所有其他元素都会转到第一列。我想知道为什么会这样？

如果我们在官方示例中也这样做，它显然可以正常工作！

我想在第一个元素中切换一个类，通过这样做，让其他元素占据垂直空间并正确定位。我试图改变容器的宽度等但没有成功！

Masonry 也遇到了同样的问题：

http://codepen.io/anon/pen/BKAdH

如果单击第一个元素，它将不起作用。所有元素都将放在第一列。

• 还尝试了不同的布局模式等，但没有成功

Answer 1

对不起， 我找到了答案：

http://punkbit.com/webzine/isotope2.html

需要设置属性“columnWidth”。

对于砌体：

http://codepen.io/helderoliveira/pen/gwvjA