Javascript 高度不会在jQuery中的resize（）上更改

我有4个不同高度的容器。我希望无论何时加载页面或调整窗口大小，它们都具有相同的高度。我给每个div指定了类要求，并尝试了以下jQuery代码：

<script type="text/javascript">

        $(document).ready(adjustRequirement);
        $(window).resize(adjustRequirement);

        function adjustRequirement(){
            var maxHeight = -1;

            $('.requirement').each(function() {
                maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
            });

            $('.requirement').each(function() {
                $(this).height(maxHeight);
            });
        }
</script>

美元（文件）。准备就绪（调整需求）；
$（窗口）。调整大小（调整要求）；
功能要求（）{
var maxHeight=-1；
$（'.requirement'）。每个（函数（）{
maxHeight=maxHeight>$（此）.height（）？maxHeight:$（此）.height（）；
});
$（'.requirement'）。每个（函数（）{
$（此）.height（最大高度）；
});
}

---

现在，每当我加载页面（或使用F5刷新）时，它都可以工作，但当我调整窗口大小时，它不起作用。我做错了什么？这是一个。

发生这种情况是因为您在第一次运行函数时设置了固定的高度，这样，每个

div的高度将始终相同。由于div在默认情况下具有
溢出：可见
，因此即使文本位于
div
之外，也会显示文本

试试看，我添加了一行，它重置了div的高度，以便调整它以适应内容
$（this.css（'height'，'auto'）：

你也可以使用。只需下载并实现

它非常容易使用，而且在rezise上也能工作
 我试过你的密码，它是working@IsraGab哪里小提琴显示了Chrome中描述的问题。@israGab我使用的是firefox 43.0.3，您使用的是哪种浏览器？小提琴有用吗？接得好。调试表明该函数在resize上运行@伊舍伍德谢谢。不久前，我也遇到了同样的问题，在意识到我的代码是什么之前，我盯着代码看了很长时间happening@Adam不客气。请记住，使用带有“height:auto”的div可能并不总是理想的行为，因此您必须根据yap（另一个插件）进行更改。可能是一个很好的资源，但这里可能有点过头了。
  $(document).ready(adjustRequirment);
  $(window).resize(adjustRequirment);

  function adjustRequirment(){
      var maxHeight = -1;

      $('.requirement').each(function() {
          $(this).css('height', 'auto');
          maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
      });

      $('.requirement').each(function() {
          $(this).height(maxHeight);
      });
  }

$(document).ready(function() {
  $(function() {
    $('.requirement').matchHeight();
  }
});