JQuery不加载HTML文件(在Bootstrap模板中)。

问题描述 投票:0回答:2

试图加载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>
javascript jquery jquery-load
2个回答
1
投票

我会把这个包进 $(document).ready(function() { ...yourFunction... }); 以便执行 之后 文档的其他部分已经加载完毕。


0
投票

所以,似乎找到了问题所在。我使用的是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似乎工作。

© www.soinside.com 2019 - 2024. All rights reserved.