jQuery .width()和css('width')返回无效值

Question

我正在尝试从一个元素中获取父元素的宽度。为此，我使用：

parent = $("#"+id).parent().attr("id");
parentWidth = $('#'+parent).width();

我也尝试过：

parentWidth = $('#'+parent).css('width');

一开始，我使用

$('#'+id).parent().width(); 

这也不管用。

父变量设置正确，但是，父变量div的宽度是90%，.width()返回90，.css(' width ')返回90px。在我的样式宽度设置为90%时，我还尝试将其添加到元素本身的.css标签中。

<div id="tabs" style="height:90%;width:90%;">

在CSS文件中：

#tabs{
height:90%;
width:90%;
position:absolute;
z-index:10;
overflow:hidden;
}

我一直得到90作为返回值。我做错了什么？谢谢

这就是我正在讨论的页面：http://www.amsterdamslyceum.lelie.demodomein.com/index.php不要介意数据库错误，因为我刚刚开始开发，所以还没有在主机上设置数据库。

Answer 1

$('#'.id).parent().width();必须为$('#' + id).parent().width();

你检查过家长了吗？首先，在浏览控制台(FF和Chrome)中，检查此代码是否返回您想要的$('#' + id).parent();父对象

Answer 2

一开始，我使用

$('#'.id).parent().width();

$("#".id)可能是您的问题所在。试试$("#" + id).parent().width()

另一种想法是：#tabs在CSS中是否有额外的样式信息？

Answer 3

documentation http://api.jquery.com/ready/是这样说的：

当使用依赖CSS样式属性值的脚本时，在引用脚本之前引用外部样式表或嵌入样式元素非常重要。

您的脚本似乎放在样式表之前。我猜当你的代码运行时，样式还没有被加载。