功能性:
当用户点击图像按钮时,可以将用户从当前页面带到下一页。
已完成的工作:
我使用了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();
})
})

答案 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/