javascript - 使用 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和 Google 出现的所有其他内容。我在正文的末尾运行 jQuery，在文档就绪函数中。

获得动画高度而不是手动进行动画的原因是：a：我想了解如何和 b：我还不知道 div 中有多少项目。

Answer 1

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

Answer 2

我正在使用 scrollHeight 来获得我想要的东西。令人尴尬的是，我还注意到在加载 JQuery 之前我正在摆弄我正在加载我的 JS 的东西。很惭愧，我没有发现这一点。