Javascript 当同位素/砖石第一次加载时，它会被揉成一团，如何修复？

当同位素/砖石第一次加载时，它会被揉成一团，如何修复？但在我刷新它之后，它才恢复正常。访问以进行现场检查

---

卸载的图像可能会偏离同位素布局，并导致项目元素重叠。imagesLoaded解决了这个问题。关于如何利用它。同位素v2不包含它，因此您需要下载并加载到页面中。

如果您的版面有图像，您可能需要使用

重叠项是由布局后更改大小的项引起的。这是由卸载的媒体造成的：图像、嵌入的按钮。要修复它，您需要初始化或在所有项目都具有适当的大小之后

您可以通过添加一些JS来使用ImageLoaded：

<script type="text/javascript" src="http://imagesloaded.desandro.com"></script>/imagesloaded.pkgd.min.js

// init Isotope
var $grid = $('.grid').isotope({
    // options...
});
// layout Isotope after each image loads
$grid.imagesLoaded().progress( function() {
    $grid.isotope('layout');
});

/imagesloaded.pkgd.min.js
//初始同位素
变量$grid=$（'.grid'）。同位素({
//选项。。。
});
//加载每个图像后的布局
$grid.imagesLoaded（）.progress（函数（））{
$grid.ISOTOX（“布局”）；
});

我使用了同位素包装的v2.2.0，但它像上面的截图一样混乱。如果您阅读答案，您将看到同位素的v2不包括imagesloaded.js。你需要单独加载嗯，嗯，我在回答中不是说过吗？