jquery - 过滤同位素网格后重新应用 jquery-match-height

Question

我正在使用jquery-match-height匹配同位素布局的网格项内的内部 div 的高度，这在同位素网格加载时工作得很好。

但是，当我过滤网格时，div 不再由 matchheight 脚本处理，每个 div 都会返回到其原始高度。

我已经尝试过:

  $grid.on( 'arrangeComplete', function() { 
   console.log("OK, arrangeComplete");
   $.fn.matchHeight._update();
   //$('.card-text').matchHeight(); //Here I tried simply re-initiating... no effect
  });

我也尝试过:

if (!$grid.data('isotope').filteredItems.length ) {
 $.fn.matchHeight._update();
}

我根本无法让比赛高度“重发”

Answer 1

这不是一个完美的方法，但你可以尝试一下:

setInterval(function(){
  $(function() {
    $('.item').matchHeight(options);
  });
} , 300);