jquery help – 在所有图像加载后初始化Masonry

我正在使用砌体插件，但是当页面首次加载时，我的图像会重叠。 如果我改变浏览器的宽度，它们就会落到位。 开发人员告诉我要执行以下操作，但我不确定如何“添加它：正确地添加到我的custom.js文件中。

我被告知：

// with jQuery var $container = $('#container'); // initialize Masonry after all images have loaded $container.imagesLoaded(function(){ $container.masonry(); }); 

谁能正确格式化这个建议，以便我可以使用它？

Answer 1

他希望你使用imagesLoaded插件 。

加载该插件

并使用如下：

 $(document).ready(function () { var $container = $("#container"); $container.imagesLoaded(function () { $container.masonry(); }); }); 

这样做是：

1. 等待文档准备好
2. 等待容器内的图像加载
3. 在容器上运行砌体

Answer 2

在加载所有元素后，您可以在$(window).load(function()和mansonry inizialize中插入代码。

例：

 $(window).load(function(){ var $container = $('#container'); $container.masonry(); });