使用JQuery获取DIV及其内容的高度

Question

我有一个包含几个元素的div：

<div class="menuItem designMenu" id="dMenu">
  <ul class="menuList menu">
    <li class="menuHeader">Design</li>
    <li class="projectHeader">Mother</li>
    <li class="projectBody">Some text here</li>
    <li class="more">More</li>
  </ul>
</div>

我需要获得dMenu项目的高度，我可以向上设置它的动画，包括里面的所有内容。我的Javascript目前：

var designHeight = $("#dMenu").height();

什么都不返回。

我已经尝试了offsetHeight，scrollHeight，以及谷歌出现的所有其他内容。我在正文末尾运行jQuery，在文档就绪函数中运行。

获得动画高度而不是手动操作的原因是：a：我想学习如何和b：我还不知道div中有多少项。

Answer 1

li内的ul是否已浮动？如果是这样，并且父级没有overflow: hidden父级崩溃，因此没有高度。尝试（如果可能）将overflow: hidden添加到父元素，或者在CSS中硬编码高度。

Answer 2

我正在使用scrollHeight来获取我想要的内容。我也很尴尬地注意到，在加载JQuery之前，我正在摆弄我加载JS的东西。我很惭愧，我没有发现。