砌筑图像堆叠在第一次加载

Question

我使用Masonry来显示图像网格; http://aandagtvooru.nl/grid

但是在第一次加载时，所有图像都堆叠在一起，而不是显示为砌体网格。

使用JS：

var container = document.querySelector('#grid');
var msnry = new Masonry( container, {

  itemSelector: '.grid-item'
});

$(window).load(function(){
    var $container = $('#grid').masonry();
        $container.imagesLoaded( function() {
        $container.masonry({itemSelector: '.grid-item'});
    });
});

Answer 1

首先，我没有看到你的页面中包含jquery.js，砌体是如何工作的？

第二，只在页面上留下这个

$(window).load(function(){
    var $container = $('#grid');
    $container.imagesLoaded( function() {
        $container.masonry({itemSelector: '.grid-item'});
    });
});

所有其他砌体调用都是不必要的。