Метод imagesLoaded не работает с кладкой JQuery и бесконечной прокруткой

Я использовал кладку JQuery и теперь добавляю бесконечную прокрутку. Изображения есть почти в каждом «кирпиче» каменной кладки, и до того, как я использовал бесконечную прокрутку, изображения загружались нормально, и все было отлично. Я добавил следующую часть javascript для бесконечной прокрутки и добавил метод imagesLoaded внутри, но когда добавляются новые кирпичи, они выходят наверх. Я предполагаю, что я неправильно добавляю метод imagesLoaded в обратный вызов бесконечной прокрутки, но я не смог найти свою ошибку. Вот код

<script type="text/javascript">
    $(function(){
        var $container = $('#container');
        $container.imagesLoaded(function(){
          $container.masonry({
            itemSelector : '.tile',
            columnWidth : 240
          });
        });


    var $container = $('#container');
    $container.infinitescroll({
        navSelector  : ".flickr_pagination",            
                       // selector for the paged navigation (it will be hidden)
        nextSelector : "a.next_page",    
                       // selector for the NEXT link (to page 2)
        itemSelector : "div.tile"          
                       // selector for all items you'll retrieve
      },
      // trigger Masonry as a callback
      function( newElements ) {
        var $newElems = $( newElements );

        $container.imagesLoaded(function() {
            masonry( 'appended', $newElems );
        });
      }
    );
    });
</script>

Первый вызов masonry JQuery работает нормально, и его никто не трогал. Это вторая часть, где, кажется, есть проблема. Спасибо за помощь и дайте мне знать, если вам нужна дополнительная информация.