java - Packery由html发起。我如何实现imageLoaded？

Question

我正在使用 packery 创建一个网站，并尝试修复 imagesLoaded 的一些布局问题。我通过 html 启动 packery，如下所示:

 <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>

但是它不起作用，我不知道该怎么办:(

Answer 1

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

imagesLoaded 本身就是一个函数:

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

你不必嵌套它。希望对您有所帮助。