jQuery同位素加载问题

Question

我实际上正在尝试使用jquery Isotope构建一个图库。 我不知道为什么，但有时画廊工作得很好，有时它会出现一些加载问题，你可以在我的截图中看到。

资料来源：www.sarahraaber.com

我已经在pageload上添加了一个计时器，并将文档加载函数添加到我的.js文件的头部。 ： - / 任何想法如何解决这个问题？

Answer 1

我在使用Isotope之前已经看过这个，它通常是一个JS计时问题。你可以在初始化或回调函数中添加一个带有长计时器的setTimeout（），然后测试它是否仍然存在？这应该有助于确认。

我还注意到在您的网站上调整浏览器大小可以清除布局问题。加载所有加载后，尝试调用同位素更新功能以正确更新布局。

Answer 2

我从未使用过jquery同位素，但它看起来和jquery masonry（http://masonry.desandro.com/）一样。 Masonry有一个drupal views插件：http://drupal.org/project/masonry。你可能会对砌体模块有更多的好运。

Answer 3

可能有点晚了，但在我的情况下，有一个更简单的解决方案：

我的同位素元素没有固定的高度，因此javascript在所有图像加载之前执行，因此，元素的高度不正确！

添加后：

.isotope-item{
  height:300px;  
}

代码能够计算项目的位置，甚至在图像加载之前！