Javascript JQuery.load（）函数在WebKit上不起作用

我尝试使用jQuery.load（）函数，它可以在Firefox上使用，但不能在Safari和Chrome上使用。奇怪的是，它适用于移动Safari

我在这个主题上找到的所有帖子都显得陈旧过时

有人能解决这个问题吗

以下是我的页面中的示例代码：

<div class="navButton"></div>
<script>
$(".navButton").load("bottomNav.html");
</script>

$（“.navButton”）.load（“bottomNav.html”）；

错误控制台在这里讲述了这个故事

Failed to load resource: the server responded with a status of 404 (Not Found)
      http://yellowtailderby.com/jquery-2.1.0.js

Uncaught ReferenceError: $ is not defined 

因此，当您尝试执行时：

$(".navButton").load("bottomNav.html");

未定义

$

符号，因为jQuery未成功加载

问题似乎是：

http://yellowtailderby.com/jquery-2.1.0.js

不存在（获取404错误），因此此脚本标记：

<script src="jquery-2.1.0.js"></script>

---

jQuery

.load（）

在webkit上工作得很好，所以在webkit上没有任何问题。您对它的使用（除了您向我们展示的代码之外）必须有一些特定的东西导致了问题。你能给我们指出一个说明你的问题的网页吗？您是否在控制台中查找过任何错误，这些错误可能表明

.load（）

有什么问题，或者可能在到达此行之前停止脚本执行？下面是导致问题的页面：底部导航应该出现两次，一次在HTML5中，一次在Flash中，Chrome和Safari中只显示Flash。感谢您找到此bug。是的，我忘了把JQuery文件上传到服务器上。我还有一个快速的问题，当我尝试在本地加载文件时，它不会显示.load（）函数中的内容，并且在控制台中它说：[错误]加载资源失败：访问控制不允许Origin null Allow Origin。（bottomNav.html，第0行）和[Error]XMLHttpRequest无法加载file://FILEPATH/bottomNav.html. 访问控制允许原点不允许原点为null。（index2.html，第0行），在线查看文件时不存在的两个错误。@JakeChasan-我认为浏览器不允许ajax调用检索您自己硬盘上的本地文件（即使主机html页面是本地的），这意味着

.load（）

在本地无法工作。一些浏览器（如Chrome）有命令行选项，仅出于开发原因而覆盖此选项。感谢您的回复。有趣的是，另一个文件（空白测试文件）在本地浏览器中以相同的方式调用加载函数，加载时不会出现问题。除了我上面发布的代码和JQuery导入脚本之外，这个文件是空的。你知道为什么这个文件有效而另一个文件无效吗？@JakeChasan-我的猜测是，它与路径的具体指定方式以及Chrome如何决定什么是和什么不是同一个原点有关。如果看不到确切的代码（可能在本地运行），我们只能猜测。在任何情况下，您都可以使用

允许从文件访问文件

命令行参数运行Chrome来解决此问题。有关如何在某些平台上指定此参数的信息，请参阅。感谢您提供的所有帮助。你的评论和回答非常有用。

"NetworkError: 404 Not Found - http://yellowtailderby.com/jquery-2.1.0.js"