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

标签 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/

最佳答案

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


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

关于javascript - 如何使用jQuery窗口调整大小重新计算CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40987792/

相关文章:

javascript - 文本在 <canvas> 元素中换行

javascript - 如何导出带有CMYK颜色的Highcharts?

css - 输入类型=范围在 Firefox 中没有拉伸(stretch)

dynamic - 如何使用 jQuery 将点击事件 Hook 到动态创建的 anchor 标记

javascript - 使用Ajax在Django中JS和Python之间的数据集成

javascript - 使用 Tab 键时所有占位符都会消失

javascript - 更改ckeditor的<span style>

javascript - 如何在JavaScript中使用函数定义的变量

javascript - 如何更改日期格式以仅使用时刻 js 显示月份和年份

javascript - 处理XML DOM中的空#text