jquery - 使用 .imagesLoaded 时我的砌体不会加载

Question

所以在我将它添加.imagesLoaded到我的脚本之前，我的砌体正在工作，但它会重叠，因为图像没有在砌体之前加载。所以这就是我的函数的样子：

function portfolio_masonry() {
wp_register_script( 'jquery_masonry', '/wp-content/themes/blankslate/js/imagesloaded.pkgd.min.js', '/wp-content/themes/blankslate/js/masonry.pkgd.min.js', array('jquery'), '2.0.110526' );
wp_enqueue_script( 'jquery_masonry' );
}
add_action( 'wp_enqueue_scripts', 'portfolio_masonry' );

function portfolio_add_masonry() { ?>
<script>
  jQuery(document).ready(function($){
    $('#main_content').imagesLoaded( function(){
      $('#main_content').masonry();
  });
  });
</script>
<?php
}
add_action( 'wp_footer', 'portfolio_add_masonry' );

我应该使用pkgd.jsvspkgd.min.js吗？