试图加载Bootstrap导航与jQuery。它不工作...
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
$(function(){
$("#nav").load("nav.html");
});
</script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" id="nav">
</nav>
而这里是 nav.html
- 简化版。而且没有加载。
<a class="navbar-brand" href="#">Menu</a>
我会把这个包进 $(document).ready(function() { ...yourFunction... });
以便执行 之后 文档的其他部分已经加载完毕。
所以,似乎找到了问题所在。我使用的是Bootstrap模板,其中包含了jquery-3.5.1.slim.min.js文件--这就是我的问题。禁用Ajax.
相反,我用完整的jQuery版本替换了它。
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
现在.load似乎工作。