同位素布局插件重叠

Question

当我第一次打开该页面时，有时它会工作一段时间，如果我打开该页面并且工作得很好，那么我会转到另一个页面，然后回到同一页面，我会遇到重叠问题！

附上我的代码和屏幕截图，以了解问题和代码

//initialize isotope for projects template

if( $('.isotope-grid').length ){
    $grid = $('.isotope-grid').isotope({

      // options

      itemSelector: '.grid-item',
      percentPosition: true,
      layoutMode: 'fitRows'

    });



    $('.filter-projects').on( 'click', 'a', function() {

      $('.filter-projects a').removeClass('active');

      $(this).addClass('active');

      var filterValue = $(this).attr('data-filter');

      $grid.isotope({ filter: filterValue });

    });

}



//initialize masonry layout for blog homepage

if( $('.grid').length ){

    $('.grid').masonry({

      // options

      columnWidth: '.grid-sizer',

      itemSelector: '.grid-item',

      percentPosition: true,

      gutter: 20

    });

}

}）;

enter image description here