使用 jquery 操作元素不起作用答案

【问题标题】：Manipulating an element using jquery not working使用 jquery 操作元素不起作用
【发布时间】：2009-08-08 01:27:52
【问题描述】：

我有一个普通的 div，像这样：

<div id="registry_ViewPanel">
    <div id="registry_Header">Register</div>
    <div id="registry_Content">
       //Registry fields here
    </div>
</div>

用css：

#registry_ViewPanel {
    width:400px;
    height:400px;
    border:1px solid;
    background-color:#fff;
    display:none;
    position:fixed;
}

以下是我使用 jquery 所做的一些警报：

alert($("#registry_ViewPanel").length);
alert($("#registry_ViewPanel").html());
alert($("#registry_ViewPanel").height());
alert($("#registry_ViewPanel").width());

这是结果

1
//Displays everything inside of <div id="registry_ViewPanel"></div>
0
0

但是当我用萤火虫查看<div id="registry_ViewPanel"></div> 时，没有任何东西可以覆盖高度或宽度......

另外，当我尝试分配.draggable(); 或执行.fadeIn(); 时，它不起作用...

对为什么会发生这种情况有任何想法吗？如果您有任何怀疑，即使没有足够的信息，也请告诉我，我会提供更多信息或尝试您的想法。

谢谢，
马特

【问题讨论】：

剪切并粘贴你的代码，它会为高度和宽度带来 400 和 400 的罚款。与淡入相同。 jQuery v1.3，你的？
jQuery v1.3.2。奇怪的是，它不会让我对任何带有注册表或注册的元素做任何事情......这绝对没有意义......但是我将它们全部更改为 reg_ 所以现在它们可以工作了

标签： javascript jquery dom html

【解决方案1】：

height() 和 width() 函数获取实际的 DOM 对象高度。由于没有内容的 div 根本不会呈现，因此它产生 0。使用 css() 获取 CSS 属性，如 karim79 提及的。

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

【讨论】：

里面有内容（我更新了我的问题）......但你是对的，做 .css('height') 确实返回 '400px'... 为什么会做 .height( ) 返回 0？
我什么都想不出来。有问题的 div 在浏览器中可见吗？
你有一个显示：无；对于有问题的 div。这导致尺寸为 0。
不正确。 registry_ViewPanel 代表一个浏览器内弹出窗口，用于提示用户输入。我有一个类似的登录，它使用完全相同的 css 设置... display:none 和 .height() 返回正确的高度。
有问题的 div 在浏览器中不可见，但 login_ViewPanel 在浏览器中也不可见，它工作得很好

【解决方案2】：

长镜头...唯一想到的是整个文档还没有加载/渲染，因此元素没有宽度和高度。您是否将 jQuery 代码包装在一个文档 ready() 中？

$(document).ready(function() {
   alert($("#registry_ViewPanel").length);
   alert($("#registry_ViewPanel").html());
   alert($("#registry_ViewPanel").height());
   alert($("#registry_ViewPanel").width());
});

【讨论】：

它已经在 $(document).ready(function() { });不过谢谢