我实际上是在尝试使用 jquery Isotope 构建一个图片库。我不知道为什么，但有时画廊可以完美运行，有时它会出现某种加载问题，正如您在我的屏幕截图中看到的那样。
资料来源：www.sarahraaber.com
我已经在页面加载和文档加载功能上添加了一个计时器到我的 .js 文件的头部。:-/ 任何想法如何解决这个问题？
问问题
1125 次
3 回答
1
我以前在使用 Isotope 时看到过这种情况，通常是 JS 计时问题。您可以在初始化或回调函数中添加一个长计时器的 setTimeout()，比如 2000，然后测试它是否仍然发生？这应该有助于确认。
我还在您的网站上注意到，调整浏览器的大小可以解决布局问题。加载完所有内容后，尝试调用同位素更新函数以正确更新布局。
于 2013-02-10T13:59:48.133 回答
0
我从未使用过 jquery 同位素，但它看起来与 jquery masonry ( http://masonry.desandro.com/ ) 相同。Masonry 有一个 drupal 视图插件：http ://drupal.org/project/masonry 。您可能对 Masonry 模块有更多的运气。
于 2013-02-10T13:22:05.877 回答
0
也许有点晚了，但就我而言，有一个更简单的解决方案：
我的同位素元素没有固定的高度，因此在加载所有图像之前执行了 javascript，因此，元素的高度不正确！
添加后：
.isotope-item{
height:300px;
}
代码能够计算项目的位置，甚至在图像加载之前！
于 2015-08-06T15:47:14.463 回答