如何使用jQuery窗口调整大小来重新计算css?

时间:2016-12-06 04:22:20

标签: javascript jquery css

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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