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

Question

我有一个offcanvas菜单（默认情况下它有display: none）。

在该菜单中，我有我的元素（display: block），我希望在页面加载时获得此元素的高度。

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

当然上面的代码会返回0。

Chrome开发者工具：

菜单已关闭：

菜单已打开：

我想到了一个想法：克隆这个元素，附加到HTML，隐藏使用visibility属性并获得这个元素的高度，但我觉得它太棘手了。

Answer 1

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

如果需要，请使用加载gif图标。