Isotape响应式布局,具有切换和未知高度

时间:2014-10-09 21:04:18

标签: responsive-design grid jquery-isotope masonry

我正在尝试使用同位素创建一个masonary样式布局。布局必须是具有灵活列的响应网格。但是,每个网格项都有一个隐藏的文本元素,在单击图像时会打开该元素。这个文本将来自wordpress,因此是一个未知的长度。我正在尝试使用

.isotope("reLayout"); 

功能可在项目切换时重置布局,但不起作用。如果在文本可见时更改浏览器的大小,您可以看到同位素布局重新启动并提供所需的效果。

我已经创建了一个codepen来说明我的问题。任何帮助将不胜感激

http://codepen.io/GlynnJohnson/pen/bLBCJ

谢谢

1 个答案:

答案 0 :(得分:0)

您需要使用:

$container.isotope("layout");

$container.isotope("reLayout");

Codepen