javascript - jquery .css 函数不稳定行为的问题

Question

我的jquery .css功能有问题。我正在使用它来获取高度设置为自动的元素的实际高度。我正在使用的代码是：

$(this).css({ height: $(this).css("height"), width: $(this).css("width") });

问题是，该.css函数有时有时会返回"0px"实际"auto"高度（这是所需的行为）。谁能告诉我我在这里做错了什么？

Answer 1

$(this).css("height")为您提供定义的（或默认）值，同时$(this).height()为您提供实际的“测量”高度。

来自http://api.jquery.com/height/：

获取匹配元素集中第一个元素的当前计算高度或设置每个匹配元素的高度。

并来自http://api.jquery.com/css/：

获取匹配元素集中第一个元素的样式属性值，或为每个匹配元素设置一个或多个 CSS 属性。

Answer 2

$(this).css("height")将返回 CSSheight属性的设置值。

要获取元素的物理高度，请调用$(this).height().

Answer 3

看不到您的代码段的目的，但使用 jquery，使用至少是跨浏览器的代码：

$(this).css({ height: $(this).height(), width: $(this).width() });