Javascript 返回错误元素高度的jQuery

我试图在AngularJS应用程序中获取

#header

元素的高度，但是jQuery似乎返回了错误的高度。目前，代码基本上包括：

$(document).ready(function() {
    function resizeCover() {
        console.log($('#header').height());
    }

    resizeCover();
});

在控制台中，我可以看到输出

20

，但这并不正确，正如我用Chrome开发工具突出显示

#header

元素所看到的：

我也尝试过使用

outerHeight（）

，但也会返回20

标题如下：

<div id="header">
    <div class="container">
        <div id="logo">
            <a ng-href="/">Company Ltd</a>
        </div>

        <ng-include src="'/partials/global-shared/navigation.html'"></ng-include>
    </div>
</div>

我不认为是

ng include

造成了问题，因为

#logo

div被设置为固定高度100px，这应该会扩大

#header

的高度

---

是什么导致jQuery返回错误的元素高度？

您说您使用的是angular，但高度的输出在document ready函数中。 因此，浏览器控制台将在运行ng include之前输出标题的高度

---

在ng include被触发后，将header console.log header放入angular应用程序的某个位置

这可能是因为某些内容是在计算高度后加载的。原因可能是时间问题（比赛条件）或CSS相关或角度相关。如果我们不了解整个情况，就很难找到问题所在。准备一把提琴或一把小提琴肯定会有帮助……是的，准备一把提琴：那么我们也许能帮助你