等高的列不适用于resize事件

时间:2014-01-13 06:45:43

标签: javascript jquery css

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

但不起作用..

1 个答案:

答案 0 :(得分:0)

尝试:

$( 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);
  });
});