jQuery砌体图像重叠

Question

我通过砌体jquery在wordpress中使用砌体布局，但是图像重叠的问题。根据我发现的内容，我需要使用ImagesLoaded，以便在完全加载图像后应用砌体。我是jquery的新手，不知道在哪里放什么代码。谢谢您的帮助。这是我在header.php中的内容

<?php wp_enqueue_script("jquery"); ?>
    <?php wp_head(); ?>
    <script language="javascript" type="text/javascript" src="<?php      
<script type="text/javascript">
jQuery(document).ready(function($){
  $('#home_big_post_cont').masonry({ singleMode: true });


});


</script>


<script>
$( window ).load( function()
{
    var columns    = 3,
        setColumns = function() { columns = $( window ).width() > 640 ? 3 : $( window ).width() > 320 ? 2 : 1; };

    setColumns();
    $( window ).resize( setColumns );

    $( '#home_big_post_cont' ).masonry(
    {
        itemSelector: '.home_big_box',
        columnWidth:  function( containerWidth ) { return containerWidth / columns; }
    });
});
</script>