在 jquery 中使用 height() 方法

Question

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

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

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

但是，这似乎不起作用。

如果我只是将 "iHeight" 设置为某个数字，它就会动画化。

我认为我对 "height()" 方法的工作原理有一些误解。

非常感谢任何帮助。

Answer 1

如 Jquery API 中所述：

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

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

Answer 2

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

此外，您可能会使用 outerheight() 获得更好的里程数，它考虑了可以构成高度的所有内容，包括填充。

Answer 3

我会尝试在浏览器控制台中使用

打印 $("#thing").height()

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

查看从 div 返回的内容。我还注意到 .height() 在给定 display:block; 样式的情况下绝对定位 divs 存在一些问题。

Answer 4

关于替换：

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

与：

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

请注意 css() returns 字符串为“100px”而不是 100 作为高度() 所以你需要删除'+ "px"'后缀。

Using the height() method in jquery