javascript - JQuery .css() 返回 100% 作为 100px

Question

<style>
.info{
        width:94%;
      }
</style>

现在使用 JQuery 这样做

$('.info').css('width');

返回 94px 而不是像素中的等效值(在我的例子中为 500px。)

如果我在 css 中将宽度设置为 105% ，JQuery 会将其返回为 105px 。

父容器的高度和宽度分别为600px和500px。

Answer 1

我认为一个可能的原因是元素的容器在您尝试获取尺寸时被隐藏。

我对嵌套的 div 和表格也有类似的情况。

请参阅以下我设法重现该行为的 fiddle :

http://jsfiddle.net/36yvb/

我仍然认为这是 jQuery 中的一个错误，它在无法实际计算元素的维度时将百分比返回为整数(没有 % 符号)。 更改 #another-cell 的宽度(以 % 表示)，当表格隐藏时，它返回相同的值但没有 % 符号。