javascript - 当设备宽度小于 1000px 时，jQuery 的 .height() 函数返回 0

Question

我有以下用于查找 div 高度的代码片段。

当在宽度超过 1000 像素的设备中查看时，这将返回 1400 像素。这是我想要在所有视口(viewport)中工作的内容，但是当在宽度小于 1000 像素的设备中查看时，它返回 0。

var $slideheight=parseInt($('.swiper-slide.swiper-slide-active').height());

div 具有 .swiper-slide.swiper-slide-active 类和 display:block 样式属性，还包含 HTML 内容.

我不明白为什么我的代码在小于 1000 像素宽度的视口(viewport)中返回 0，而它适用于大于 1000 像素宽度的视口(viewport)。

Answer 1

尽量避免 display:block当它被绝对定位时，因为根据 jQuery 文档，强烈建议不要在 <style> 上调用这些方法。或 <script>标签。除了是一种不良做法之外，结果也可能被证明是不可靠的。