与Drupal视图的砌体无限滚动

Question

让砌体在Drupal 8中使用无限滚动页面时遇到一些麻烦。

当使用ajax加载新项目时，砌体不会对新项目运行，因此无法正确显示它们。

我花了好几个小时试图让它工作，但似乎没有任何东西让它重新加载。我也尝试过附加，但这似乎也没有做到。

  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');

    });

  });