resize事件不起作用于绑定功能

Question

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

上面的代码我用来并排2 div，但它不是实时更新。我使用了resize()方法。为什么呢？

Answer 1

窗口未调整大小，然后其中的内容发生了变化。在回调后调用equalHeight来更新您的内容，或使用setTimeout/setInterval检查divs大小然后修复。

试试这个：

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