jQuery同位素加载问题

实际上，我正在尝试用jquery创建一个图像库。 我不知道为什么，但有时画廊的工作非常完美，有时它有一些加载问题，你可以在我的截图中看到

资料来源：www.sarahraber.com

我已经在pageload上添加了计时器，并在.js文件的头部添加了document loaded函数：-/

---

有没有办法解决这个问题？

我从未使用过jquery同位素，但它看起来与jquery（）一样。Mashine有一个drupal视图插件：。您可能会更幸运地使用砌体模块。

我从未使用过jquery同位素，但它看起来与jquery砌体（）的功能相同。Mashine有一个drupal视图插件：。您可能会更幸运地使用砌体模块。

我以前在使用同位素时看到过这一点，这通常是一个JS计时问题。能否在初始化或回调函数中添加一个长计时器为2000的setTimeout（），然后测试它是否仍然发生？这应该有助于证实这一点

---

我还注意到，在您的网站上，调整浏览器的大小可以解决布局问题。加载完所有内容后，尝试调用同位素更新函数以正确更新布局。

我以前在使用同位素时见过这种情况，这通常是一个JS计时问题。能否在初始化或回调函数中添加一个长计时器为2000的setTimeout（），然后测试它是否仍然发生？这应该有助于证实这一点

---

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

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

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

添加后：

.isotope-item{
  height:300px;  
}

---

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

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

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

添加后：

.isotope-item{
  height:300px;  
}

---

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

如果砌体模块不工作，你可能想考虑在问题队列中张贴。我会再试试看，如果它再次失败，我会张贴它，但是无论如何，同位素插件应该工作得好：-如果砖石模块不工作，你可能想考虑在问题队列中张贴。如果它再次失败，我会再试一次，我将发布它，但无论如何同位素插件也应该工作：-/我用$（窗口）尝试了它。加载结果是孔同位素停止工作。你是对的，在调整窗口大小后问题得到了解决，我将尝试更长的超时编辑：在将超时设置为5000之后，几乎所有正确加载的图像都被正确加载，但无论如何，这真的不是解决方案：P也许我应该在库中添加一个寻呼机以更快地加载。1：添加

.imagesLoaded（）

围绕

.isotophe（）

初始化的函数，这允许在更新布局之前加载所有图像。2：当你初始化插件时，你可以添加一个回调函数，一旦布局就绪，“应该”运行，你可以在其中调用update方法。例如，

$container.同位素（选项，函数（）{$container.同位素（'relayat'，}））-这有点粗糙，但可能会解决您的问题。第一个听起来不错，我明天会尝试，然后会报告，谢谢您的帮助：）嗯，这很奇怪，现在它可以工作了，但从来没有在第一页加载。当我清除缓存时，同位素不会在第一次加载时生效。一次F5和tadaa…--“同样，听起来像是计时。尝试先在DOM中加载同位素.js文件（如果可能的话，就在jQuery之后），这样当运行
.isotox（）
初始化javascript时，它就可以完全加载并可用了。我用$（窗口）试过了。”。加载，结果孔同位素停止工作。你是对的，在调整窗口大小后问题得到解决，我将尝试更长的超时编辑：在将超时设置为5000之后，几乎所有正确加载的图像都将超时，但无论如何，这真的不能解决此问题：P也许我应该在图库中添加一个寻呼机为了更快地加载它。1：在
.isotox（）
初始化周围添加
.imagesLoaded（）
函数，这允许在更新布局之前加载所有图像。2：初始化插件时，可以添加一个“应该”的回调函数“一旦布局就绪，就可以在其中调用update方法。例如，
$container.同位素（选项，函数（）{$container.同位素（'relayat'，}））-这有点粗糙，但可能会解决您的问题。第一个听起来不错，我明天会尝试，然后会报告，谢谢您的帮助：）嗯，这很奇怪，现在它可以工作了，但从来没有在第一页加载。当我清除缓存时，同位素不会在第一次加载时生效。一次F5和tadaa…--“同样，听起来像是计时。尝试先在DOM中加载同位素.js文件（如果可能的话，就在jQuery之后），以便在运行
.isotox（）
初始化javascript时完全加载并可用。”。