jquery - JQuery Masonry + InfiniteScroll: 新しくフェッチされたアイテムの後のオーバーラップの問題

Question

タイトルはほとんどそれを言います。石積みの画像レイアウトがあり、ニュース コンテンツを InfiniteScroll で動的に読み込みたいと考えています。新しいアイテムが再び左上隅に配置されます。

リンク: http://thomasmaier.me/2g12b/

これはWordpressのインストールであり、InfiniteScrollはプラグインですが、Masonryはハードコードされています.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.masonry.min.js"></script>

<script>


  $(function(){

    var $container = $('#content');

    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.post'
      });
    });

    $container.infinitescroll({
      navSelector  : '.navigation',    // selector for the paged navigation 
      nextSelector : '.navigation .alignleft a',  // selector for the NEXT link (to page 2)
      itemSelector : '.post'
      },
      function( newElements ) {
        var $newElems = $( newElements ).css({ opacity: 0 });
        $newElems.imagesLoaded(function(){
          $newElems.animate({ opacity: 1 });
          $container.masonry( 'appended', $newElems, isAnimatedFromBottom ); 
        });
      }
    );

  });


</script>

ここで検索し、ここでヘルプセクションを見ましたhttp://masonry.desandro.com/demos/infinite-scroll.htmlでも、うまくいきません。

あなたは私を助けることができます？