页面无法执行$("#..")。load()

时间:2015-12-14 03:12:08

标签: javascript jquery load

功能性:

当用户点击图像按钮时,可以将用户从当前页面带到下一页。

已完成的工作:

我使用了jQuery方法调用:hover,因此语法类似于:.load(url)

问题:

当我点击图片按钮时,会出现以下错误信息:

  

XMLHttpRequest无法加载
  的jquery-1.11.3.min.js:5   文件:///用户/ trinax /文档/欧内斯特/项目/玩具反斗城/ ToyRUs(主)/TapAStar.html。交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https,chrome-extension-resource。

此外,结果页面是空白的,并且不显示任何内容。

出了什么问题?请帮忙



$("#divID").load("***.html");

$("#tapButton").click(function() {
  // Enter Link here (Tap A Star Game)
  $("#load_tapGame").load("Tap.html");

  $("#menu").fadeOut(function() {
    $("#load_tapGame").fadeIn();
  })
})




1 个答案:

答案 0 :(得分:0)

您需要使用服务器。在本地工作时尝试使用javascript加载东西会因CORS而失败。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

我喜欢使用Live Server进行本地测试。您可以在此处找到有关如何使用npm安装它的说明:https://github.com/tapio/live-server

您可以在此处找到有关安装npm(节点包管理器)的说明:https://nodejs.org/en/download/