无法使用 jQuery 按钮链接连接外部 HTML 文件答案

【问题标题】：Unable to connect external HTML file using jQuery button link无法使用 jQuery 按钮链接连接外部 HTML 文件
【发布时间】：2014-09-13 04:27:43
【问题描述】：

我尝试使用 href 连接到同一目录中的 HTML 文件，但加载页面时出错。

它给出了以下错误：

XMLHttpRequest cannot load file:///C:/Users/Nadeesha/Desktop/Collect/FounderR.html. Received an invalid response. Origin 'null' is therefore not allowed access.

我能做些什么来解决这个问题？

<a data-theme="d" data-corners="false" data-role="button" href="FounderR.html">
       <img src="images/icons/round/64x64/entr.gif" alt="entr" style="display: block; margin: 0 auto">
        Founder
</a>

【问题讨论】：

这和jQuery有什么关系？这是一个基本的 HTML 锚。
上面的代码可以完美运行。上面给出的代码中没有 Jquery 的作用。您的 Founder.html 是否作为独立文件正确加载？
我正在使用 jquery、javaScript 和 html 构建一个 SPA。大多数情况下我使用 id 从一个部分跳转到另一个部分，这里我需要访问一个外部 html 文件，但应用程序不允许这样做
@Akhil 是的，当我单独运行它时效果很好
@Nadeesha 将 data-ajax="false" 添加到您的锚点，它们应该开始工作了。

标签： javascript jquery html

【解决方案1】：

如果您使用的是 chrome，我假设您是，在本地工作时您将面临 CORS 问题。

我建议您阅读以下内容：

https://developers.google.com/storage/docs/cross-origin?hl=es

【讨论】：

Nadeesha 的文件与请求它们的资源位于同一目录中。这不会违反同源政策。
是的。查看他正在使用的网址。请阅读我在评论中留下的文件。
啊，我读了this 后觉得有道理。我的错。