为什么我的缩略图被搞砸了？同位素

Question

我在我的缩略图库中使用Isotope。在我建造它时，一切都很好。但是在我将它发布到我的ftp之后，缩略图开始垂直压扁。每次刷新时，不同的缩略图都会挤压。任何人都知道为什么这样做？

http://thecarlossanchez.com/Galleries/stills.html

Answer 1

首先是你加载jQuery 2x和2个不同的版本。选择最新版本并仅加载一个。其次，您正在加载imagesloaded.js但没有为同位素调用它。拇指被挤压，因为卸载的图像可能会甩掉Isotope布局并导致项目元素重叠，这就是您需要加载图像的原因。

试试这个：

var $grid = $('.grid').imagesLoaded( function() {
$grid.isotope({
itemSelector: '.element-item',
layoutMode: 'masonry'
});
});