jquery - Drupal Views の無限スクロールを備えた Masonry

Question

Drupal 8 の無限スクロール ページで Masonry を動作させるのに問題があります。

ajax masonry を使用して新しいアイテムをロードすると、新しいアイテムで実行されないため、正しく表示されません。

これを機能させるために何時間も費やしましたが、何もリロードできないようです。私も追加しようとしましたが、それでもうまくいかないようです。

  var $grid = $('.view-id-articles .view-content');
  $grid.imagesLoaded( function(){
    $grid.masonry({
      itemSelector: '.views-row',
      columnWidth: '.grid-sizer',
      percentPosition: true,
      gutter: 12
    });

    $(document).on('infiniteScrollComplete', function() {
      var $items = $('.view-id-articles .view-content .views-row');
      console.log('infiniteScrollComplete');
      console.log($items); // refresh masonry

      $grid.masonry({
        itemSelector: '.views-row',
        columnWidth: '.grid-sizer',
        percentPosition: true,
        gutter: 12
      });
      $grid.masonry('reloadItems');
      $grid.masonry('layout');

    });

  });