在jquery中使用height（）方法

Question

我是jquery的新手，我目前正在尝试使用id="thing"设置一个等于某个div的高度的变量，然后使用相同数量的class=".init_leftbar"动画另一个div。

var iHeight = $("#thing").height();

$(".init_leftbar").animate({top: iHeight + "px"});

但是，这似乎不起作用。

如果我只是将"iHeight"设置为等于某个数字，那么它将会生成动画。

我认为我对"height()"方法如何运作存在一些误解。

非常感谢任何帮助。

Answer 1

我会尝试在浏览器控制台中打印 $（“＃thing”）。height（）

console.log($("#thing").height());

查看从div返回的内容。 我还注意到 .height（）在绝对定位的div中存在一些问题，给出 display：block; 样式。

Answer 2

如Jquery API中所述：

http://api.jquery.com/height/

// Returns height of browser viewport
$( window ).height();

// Returns height of HTML document
$( document ).height();

Answer 3

考虑在文档准备就绪时运行脚本，允许首先加载其他所有内容。

此外，你可以通过outerheight（）获得更好的里程数，它可以解决所有可以构成高度的因素，包括填充。

Answer 4

如何替换：

$("#thing").height();

使用：

$('#thing').css("height");

请注意，css（）将字符串返回为＆＃34; 100px＆＃34;而不是100作为高度（） 所以你需要删除＆＃39; +＆＃34; px＆＃34;＆＃39;后缀。