等高的列不适用于resize事件

Question

demo http://daysof.me/interview/

  $(".container").each(function(){
    boxes = $(this).find('.heightHack');
    maxHeight = Math.max.apply(
      Math, boxes.map(function() {
        return $(this).height();
      }).get());
    boxes.height(maxHeight);
  });

上面的代码工作但是当我调整窗口大小时需要刷新它以查看结果。

我试过了：

function equalHeight(){
  $(".container").each(function(){
    boxes = $(this).find('.heightHack');
    maxHeight = Math.max.apply(
      Math, boxes.map(function() {
        return $(this).height();
      }).get());
    boxes.height(maxHeight);
  });
  setTimeout(equalHeight, 1000);
}

equalHeight();

但不起作用..

Answer 1

尝试：

$( window ).resize(function() {
    $(".container").each(function(){
    boxes = $(this).find('.heightHack');
    maxHeight = Math.max.apply(
      Math, boxes.map(function() {
        return $(this).height();
      }).get());
    boxes.height(maxHeight);
  });
});