jQuery返回错误的元素高度

Question

我正在尝试获取AngularJS应用程序中#header元素的高度，但jQuery似乎返回了错误的高度。目前代码基本上包括：

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

    resizeCover();
});

在控制台中，我可以看到输出20，但这是不对的，从我使用Chrome开发工具突出显示#header元素可以看出：

我也尝试使用outerHeight()，但也会返回20。

标题makrup如下：

<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返回元素的错误高度？

Answer 1

您说您正在使用角度，但高度的输出位于文档就绪功能上。 因此，浏览器控制台在运行ng-include之前输出标题的高度。

在触发ng-include后，将标题console.log标题放入角色应用程序中。