java - 由html启动的Packery。如何实现imagesLoaded？

我正在使用包装厂创建一个网站，并且正在尝试解决imagesLoaded的一些布局问题。我正在通过html来启动包装，如下所示：

 <div id="content" class="site-content inner js-packery"
  data-packery-options='{ "itemSelector": ".item", "gutter": 0}'>

我正在尝试使用imagesLoaded这样的：

 <script>
$(function(){
    var $container = $('#container');
    $container.imagesLoaded( function() {
        $container.masonry();
    });
});
</script>

但这是行不通的，我也不知道该怎么办:(

最佳答案

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

imagesLoaded本身是一个来自以下功能的函数：

http://imagesloaded.desandro.com/imagesloaded.pkgd.min.js

您不必嵌套它。希望能帮助到你。