gpt4 book ai didi

javascript - 无法从 html 中加载 html

转载 作者:行者123 更新时间:2023-11-28 15:04:44 25 4
gpt4 key购买 nike

我在同一文件夹中有 index.htmlnavbar.htmlindex.html 文件具有以下代码:

<script src="js/jquery-3.1.0.min.js"></script>
<script>
$("#navBar").load("navbar.html");
</script>

以下div位于body

<div id="navBar"></div>

导航栏包含以下测试代码:

<p> Test File </p>

github 存储库位于:https://github.com/roymunsonstudios/roymunsonstudios.github.io

为什么这个简单的 HTML 导入不起作用?

更新:

控制台出现错误:

jquery-1.11.3.min.js:5 XMLHttpRequest cannot load file:///Users/vroy/Developer/Website/roymunsonstudios.github.io/navbar.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

index.html 文件引用了 2 个版本的 JQuery。剧本里的那个。页脚中还有另一个版本的 JQuery。但是,由于某种原因,该脚本正在使用旧版本的 JQuery 运行,即使我希望它使用较新版本的 JQuery。我应该改变这个吗?

更新2:

最新版本的 JQuery 仍然会发生该错误。

最佳答案

当您加载 <head> 中的脚本时您需要将 jQuery 代码放入 document.ready 事件处理程序中。目前,您的代码正在 #navBar 之前执行。元素存在于 DOM 中。试试这个:

<script src="js/jquery-3.1.0.min.js"></script>
<script>
$(function() {
$("#navBar").load("navbar.html");
});
</script>

关于javascript - 无法从 html 中加载 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39520985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com