獲取使用JavaScript/jQuery隱藏在其他元素中的元素的高度

Question

我有一個offcanvas菜單（默認情況下它有display: none）。

在該菜單中，我有我的元素（display: block），我想在頁面加載時獲取此元素的高度。

var myElementHeight = $(myElement).outerHeight();

當然上面的代碼返回0。

Chrome開發人員工具：

菜單關閉：

菜單打開：

一個想法在我腦海中：克隆這個元素，追加到HTML ，使用可見性屬性隱藏並獲取此元素的高度，但我認爲這太棘手。

Answer 1

$(document).ready(function() { 
    $('.element').show(); 
    _height = $('.element').height(); 
    $('.element').hide(); 
    }); 

如果需要，可以使用加載gif圖標。