Jquery 脚本未在window.resize上运行

以下内容用于平衡多个div的高度。在页面加载时运行良好，而不在调整窗口大小时运行

想法

function equalHeight(group) {
tallest = 0;
group.each(function() {
   thisHeight = $(this).height();
   if(thisHeight > tallest) {
      tallest = thisHeight;
   }
});
group.height(tallest);
}

$(document).ready(function() {
 equalHeight($(".equal"));
});
$(window).resize(function() {
 equalHeight($(".equal"));
});

试试这个

$(function equalHeight(group) {
tallest = 0;
group.each(function() {
   thisHeight = $(this).height();
   if(thisHeight > tallest) {
      tallest = thisHeight;
   }
}));
group.height(tallest);
}

$(document).ready(function() {
 equalHeight($(".equal"));
});
$(window).resize(function() {
 equalHeight($(".equal"));
});

---

我明白了。这是因为在调整大小时，高度已从上次加载时运行的函数设置。我添加了

$（this）.height（'auto'）

到

每个

函数，并将

$（document.ready（function（）{}）

更改为

$（window.load（function（）{}）见下文：

function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      $(this).height('auto');
      thisHeight = $(this).height();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
}
$(window).load(function() {
   equalHeight($(".equal"));
});
$(window).resize(function() {
   equalHeight($(".equal"));
});

这不管用。控制台说您的语法不正确。我将第二个闭合圆括号移到函数的末尾，仍然不起作用