使用 jquery 获取 div 高度的错误值答案

【问题标题】：getting wrong value for div height using jquery使用 jquery 获取 div 高度的错误值
【发布时间】：2014-04-19 19:26:42
【问题描述】：

在向页面添加更多内容并使用 jquery 获取实际高度后，我有一个名为 container 的 div 设置为 min-height 1800px 的简单 html 页面，但我得到了错误的值。现在的实际高度是 1907（来自检查元素），并且 jquery 使用此代码警告 1887

var container_h = $(".container").height();
alert(container_h);

我已将高度更改为 innerHeight，但也没有用这里是页面http://www.mawk3y.net/alsoos/hathal/

【问题讨论】：

【解决方案1】：

试试https://api.jquery.com/outerHeight/

当设置 outerHeight(true) 时，您包括边距。否则返回高度 + 内边距。

var container_h = $(".container").outerHeight(true);

【讨论】：

【解决方案2】：

确保在 DOM 准备好之后调用您的代码。如果你不是，元素将不会被“初始化”。

$(function() { *your code here* });

【讨论】：

【解决方案3】：

使用 setTimeout（确定在文档内准备好）延迟获取容器高度的新函数

setTimeout(getHeight,500);

function getHeight(){
var container_h = $(".container").outerHeight();

}

【讨论】：