jquery - 在 js 砌体之前加载 <img> html 标签

Question

我的问题是 jQuery Masonry 会立即安排我的“砖 block ”，而不是等待图像加载。此外，我希望图像能够响应，所以我无法定义如下内容:

<img src="asas" height= "100px" width="100px" alt="asas"> 

实例的链接是here .

Answer 1

您可以将您的代码放在 load 处理程序的窗口中，或使用 imagesLoaded由 masonry 作者编写的插件。

$(window).load(function(){
    $('#wrapper').masonry({ ... });
});

或:

var $wrapper = $('#wrapper');
$wrapper.imagesLoaded({
   done: function() {
        $wrapper.masonry({ ... });
   }
})

#wrapper img {
    width: 100%;
    height: auto;
}