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

Question

我的问题是 jQuery Masonry 立即安排我的“砖块”，而不是等待图像加载。另外我希望图像能够响应，所以我不能定义类似的东西：

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

现场示例的链接在这里。

Answer 1

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

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

或者：

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

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