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

【问题标题】：jQuery's .height() function returns 0, when device width is less than 1000px当设备宽度小于 1000px 时，jQuery 的 .height() 函数返回 0
【发布时间】：2018-09-12 09:37:08
【问题描述】：

我有以下代码 sn-p 用于查找 div 的高度。

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

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

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

我无法弄清楚为什么我的代码在小于 1000 像素宽度的视口中返回 0，而它在大于 1000 像素宽度的视口中工作。

【问题讨论】：

你在$(document).ready(function(){});使用上面的语句
你能设置复制问题的代码示例，包含所有的 html 布局和 css 样式吗？还有你所说的关于设备高度的问题标题，以及关于设备宽度的描述
@AnshumanJaiswal 是的，我写了$(document).ready(function(){}); 也试过$(window).load(function(){});
@paulitto 我必须找到 div 的高度，以便我可以根据 div 的高度进行交互。但是当设备宽度更改为小于 1000px 时，我无法获取 div 的高度。
给我们完整的例子

标签： javascript jquery html mobile viewport

【解决方案1】：

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

【讨论】：