jQuery的load（）函数 - 无法从动态加载的头部的内容得到高度

Question

事实上，我已经设计了一个报头和我动态使用load（）函数显示。装载头之后，我试图让头部的高度。

对于这一点，我已经写代码。但是这些代码不能正常工作。我无法让已经动态加载元素的高度。

这是我使用动态显示的内容：

<header class="header">
    <nav class="navbar navbar-expand-lg fixed-top navbar-dark">
        <div class="container-fluid">
            <ul class="navbar-nav nav mr-auto mt-2 mt-lg-0 header-lft-menu">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#home">DASHBOARD</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#profile">PROJECTS</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#contact">PEOPLE</a>
                </li>
            </ul>
        </div>
    </nav>
</header>

这是我使用使用load（）方法来显示标题内容的标签：

<div class="header-control"></div>

这是jQuery代码我用它来获得头高度。

$(function() {
    $(document).on("scroll", function() {
        alert($(".header").outerHeight(true));
    });
});