页面无法执行$(“#.”）.load(）

功能：

当用户点击图像按钮时，假设会将用户从当前页面带到下一页。

已经做了什么：

我使用了jQuery方法调用：.load(url)，因此语法看起来像：$("#divID").load("***.html");

问题：

当我点击图像按钮时，它会给出以下错误消息：

XMLHttpRequest无法加载
jquery-1.11.3.min.js:5file:///Users/trinax/Documents/Ernest/Project/ToysRUs/ToyRUs（main）/TapAStar.html。只有以下协议方案才支持跨源请求：http、data、chrome、chrome扩展、https、chrome资源扩展。

此外，生成的页面是空白的，并且不显示任何内容。

出了什么问题？请帮助

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

<div id="load_tapGame"></div>
<div id="menu">
  <img style="position: absolute; top: 2150px; left: 185px; z-index: 2" src="library/image/tapAStarButtonCloud.png" />
  <div class="button">
    <button id="tapButton" class="buttonProperty">
      <img src="library/image/tapButton.png" />
    </button>
  </div>
</div>