javascript - 如何使用 jQuery 窗口调整大小重新计算 css？

Question

我目前正在尝试在窗口调整大小/向内或向外滚动期间重新计算 li 的高度，但由于某种原因，当页面加载时它将不再重新计算高度并将 ul 设置为其子高度。

这是我编写的用于检查高度并将高度设置为其父项的代码。

  var ulHeight = $(".carousel__slider li").outerHeight();
  $( window ).resize(function() {
        $(".carousel__slider > ul").height(ulHeight);
  });
  $(window).trigger('resize');

如何让 jQuery resize 在窗口调整大小时重新计算高度？我已经创建了我现在在我的网站上使用的确切示例。

https://jsfiddle.net/va5hpL0r/5/

Answer 1

 $( window ).resize(function() {
        ulHeight = $(".carousel__slider li").outerHeight();
        $(".carousel__slider > ul").height(ulHeight);
  });

在调整大小时计算高度 https://jsfiddle.net/dnL0neux/