爲什麼我的縮略圖被擠壓？同位素

Question

我爲縮略圖庫使用同位素。當我建造它時，一切都很好。但是，在我將它發佈到我的ftp後，縮略圖開始垂直縮放。每次刷新時不同的縮略圖都會擠壓。任何人都知道爲什麼要這樣做？

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

Answer 1

首先是你裝的jQuery 2x和2個不同的版本。選擇最新版本並加載一個。其次，你正在加載imagesloaded.js，但沒有調用它的同位素。拇指被壓扁，因爲未加載的圖像可能會拋棄同位素佈局並導致項目元素重疊，這就是爲什麼您需要加載圖像。

試試這個：

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