Javascript jQuery.load（）未加载HTML

我正在尝试制作一个脚本，将我的站点标题导入到网页中。我已经看过这些文章：

我已经跟踪了这些站点上的内容，但我仍然在控制台中收到此错误：

jQuery.Deferred exception: Object doesn't support property or method 'load' 
TypeError: Object doesn't support property or method 'load'
   at Anonymous function (http://localhost/header-footer.js:4:5)
   at l (https://code.jquery.com/jquery-3.3.1.slim.min.js:2:29559)
   at Anonymous function (https://code.jquery.com/jquery-3.3.1.slim.min.js:2:29869) undefined

我的

index.html

在

body

部分中包含以下内容：

<div id="header"></div>
<script src="..." integrity="..." crossorigin="anonymous"></script> <!--jQuery-->
<script src="/header-footer.js"></script> <!--Shown below-->

我不确定我是犯了一个愚蠢的错误，还是别的什么。我只想能够将我的

header.html

文件导入我的

index.html

文件

我认为这与错误无关，但以下是我的

header.html

文件的内容：

<ul class="list-inline">
    <li>
        <div class="dropdown">
            <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</button>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownButton">
                <a class="dropdown-item" href="...">Another page</a>
            </div>
        </div>
    </li>
    <li><a class="btn btn-primary" href="/" role="button">Home</a></li>
    <li class="lead" style="float: left;">Website Name</li>
</ul>
<hr>

下拉列表


网站名称

---

提前谢谢你

您正在使用jquery slim

---

使用code.jquery.com/jquery-3.2.1.min.js而不是slim版本来使用

load

方法。

您使用的是jquery slim。对吗？尝试使用而不是超薄版本。很高兴听到@RenanAraújo的帮助。您还可以在此处查看jQuery和jQuery slim之间的其他差异：

<ul class="list-inline">
    <li>
        <div class="dropdown">
            <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</button>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownButton">
                <a class="dropdown-item" href="...">Another page</a>
            </div>
        </div>
    </li>
    <li><a class="btn btn-primary" href="/" role="button">Home</a></li>
    <li class="lead" style="float: left;">Website Name</li>
</ul>
<hr>