为 this site 使用砌体布局并且在第一次加载时每个框重叠。如果您使用任何导航项目进行排序，甚至只是停留在“全部”上，它们就会自行重新排列。有什么想法吗？
最佳答案
我还没有达到 50 的声誉，所以我不能发表评论，但我想分享一些我过去偶然发现的技巧，因为我经常使用这个插件，它可以帮助其他人人。
首先，我肯定使用 Sarah 提到的 imageLoaded 函数，而不是 onload。 ( https://github.com/desandro/imagesloaded )
提示 1 - 为了加快 isotope 插件的工作速度(如果图像尺寸很大，或者你有很多图像，这很有用)，你为每个容器加载一个占位符图像，然后在 imagesloaded 插件触发后，你可以让 isotope 插件获取快速工作。然后，您可以将真实图像与包含真实 src url 的数据属性交换，只需使用同位素回调 (http://isotope.metafizzy.co/events.html) 即可。唯一需要注意的是，您的图像需要与占位符具有相同的尺寸，否则容器的尺寸可能会弄乱并再次重叠。
提示 2 - 我从来没有真正这样做过，但我正在考虑使用的一种方法是将图像加载为容器的背景图像，设置高度并为容器(或至少是它的图像部分)设置图像为背景尺寸:封面；然后您无需担心在同位素插件开始工作之前加载图像。
关于javascript - 同位素项目在初始加载时重叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14668416/