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

Question

我有一个简单的html页面，在将更多内容添加到页面并使用jquery获取真实高度后，我将错误的值设置为min-height 1800px。真正的高度现在是1907（来自inspect元素）和jquery提醒1887使用此代码

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

我已将身高改为innerHeight但在这里也没有用到页面http://www.mawk3y.net/alsoos/hathal/

Answer 1

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

设置outerHeight（true）时，请包含边距。否则返回高度+填充。

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

Answer 2

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

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

Answer 3

使用setTimeout（内部文档已准备就绪）延迟获取容器高度的新函数

setTimeout(getHeight,500);

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

}