固定ページにてMasonry＋InfiniteScrollを実現したい

前提・実現したいこと

WordPressの固定ページにて投稿一覧（アーカイブ的ページ）を作成しています。
この一覧ページでMasonryとInfiniteScrollを同時に実現したいのですが、「もっと見る」ボタンを押すと、追加表示される記事のMasonryが効かなくなり記事が重なってしまいます。

例えば20件の記事があり4件ずつ表示させたいのですが、「もっと見る」を押すと、初期表示している記事が無視され同じ位置に次の4記事が追加される状態です。

・Masonry によって生成されるpositionが追加される記事には反映されていない
・Masonry自体を切ってテストすると、正常に無限スクロールされる
以上から、Masonryのスクリプトコードに問題があるのではないかと思っています。

散々ググったのですが手に負えず、、どなたかお力添えをお願い致します。

※こちらにある「Local」にてWP環境を構築しています
https://bazubu.com/how-to-create-local-environment-23801.html

固定ページのコード（test.php）

<?php
/*
Template Name: test
*/
?>
<?php get_header() ?>
<div class="photoList">
  <div class="gutterSize"></div>
  <ul id="list" class="cf">
    <?php
    global $post;
    $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
    $the_query = new WP_Query( array(
      'posts_per_page' => 4, // 表示件数の指定
      'paged' => $paged,
      'orderby' => 'post_date',
      'order' => 'DESC',
      'post_type' => 'post'
    ) );
    $myposts = get_posts( $args );

    //ループで回す
    foreach ( $myposts as $post ) {
      setup_postdata( $post );
      ?>
    <!-- ここからループ -->
    <li class="photoBox photo entry"> <a href="<?php the_permalink() ?>">
      <?php the_post_thumbnail('medium'); ?>
      </a>
      <div class="capBox">
        <h3 class="ttl">
          <?php the_title() ?>
        </h3>
        <p><?php echo get_the_modified_date('Y.m.d'); ?> UPLOAD</p>
      </div>
    </li>
    <!-- ループここまで -->
    <?php
    }
    wp_reset_postdata();
    ?>
  </ul>
</div>
<button id="more-button" type="button">もっと見る</button>
<div class="scroller-status" style="display:none;">
  <div class="infinite-scroll-request">読込中...</div>
  <p class="infinite-scroll-last">これ以上は記事がありません</p>
  <p class="infinite-scroll-error">読み込むページがありません</p>
</div>
<div class="pagination">
  <?php get_template_part( 'pagination' ); ?>
</div>
<?php get_footer() ?>

ページネーションのコード（pagination.php）

<?php
/*
Template Name: pagination（固定ページ用）
*/
?>
<?php
$paged = ( int )get_query_var( 'paged' );
$args = array(
  'posts_per_page' => 4, //表示投稿数（記事ループと条件にする）
  'paged' => $paged, //ページネーション用
  'orderby' => 'post_date', //表示順条件（記事ループと条件にする）
  'order' => 'DESC', //降順（記事ループと条件にする）
  'post_type' => 'post', //投稿タイプ（記事ループと条件にする）
  'post_status' => 'publish' //公開済みのみ表示（記事ループと条件にする）
);
$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ):
  while ( $the_query->have_posts() ): $the_query->the_post();
get_template_part( 'content', get_post_format() );
endwhile;
else :
  get_template_part( 'content', 'none' );
endif;

if ( $the_query->max_num_pages > 1 ) {
  echo paginate_links( array(
    'base' => get_pagenum_link( 1 ) . '%_%',
    'format' => 'page/%#%/',
    'current' => max( 1, $paged ),
    'total' => $the_query->max_num_pages,
    'prev_text' => '<<', //次への表示指定
    'next_text' => '>>' //前への表示指定
  ) );
}

wp_reset_postdata();
?>

スクリプトのコード（common.js）

//---------------------------------------
// masonry
//---------------------------------------
jQuery(window).load(function () {
  var jQuerycontainer = jQuery('.photoList');
  jQuerycontainer.masonry({
    itemSelector: '.photoBox',
    isAnimated: true,
    gutter: '.gutterSize',
  });
});


//----------------------------------------
// infiniteScroll
//----------------------------------------
var infScroll = new InfiniteScroll('#list', {
  append: '.entry',
  path: '.next',
  hideNav: '.pagination',
  button: '#more-button',
  scrollThreshold: false,
  status: '.scroller-status',
  history: 'push'
});