我想在外部HTML页面中分离菜单（导航栏）并将其加载到我的所有HTML页面中。我在nav-animation.js中有一些CSS和动画，应该在菜单加载后加载。
所以我有如下的navbar.html文件：
<nav class="animation">
...
...
</nav>
我有一个nav.js脚本，用于加载菜单和菜单动画：
$(function(){
$("#custom-nav").load("../navbar.html")
$.getScript("nav-animation.js")
});
在我所有的html页面中，我都在head标签中导入了JQuery，它用于$ .getScript：
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
在body标签中，我有一个具有custom-nav id的div：
<div id="custom-nav"></div>
在body标记的末尾，我有nav.js脚本：
<script src="js/nav.js"></script>
菜单已正确加载到我的所有html页面中。但有时它不显示。
菜单正确加载了动画（切换，css，...）：
菜单未显示，但已加载（我检查页面的html时，div中是否存在nav标签）：
在控制台中，我没有任何错误。但是当菜单没有显示时，我认为nav-animation.js没有正确加载。
但是为什么菜单动画没有一直加载？有没有更好的方法来加载菜单？ 感谢您的回答
