使用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

ul的li是否浮動？ 如果是這樣，並且父級沒有overflow: hidden則父級折疊並且因此沒有高度。 嘗試（如果可能）添加overflow: hidden到父元素，或在CSS中硬編碼一個高度。

Answer 2

我正在使用scrollHeight達到我想要的。 令人尷尬的是，我還發現在加載JQuery之前，我對加載JS的事情很不滿意。 所以感到羞恥，我沒發現。