单击按钮执行时页面返回空白.load（）

Question

功能

用户点击菜单页面中的按钮，它会将用户导航到下一页。

已完成的工作：

创建了2个单独的.html文件，当点击按钮时，它将执行

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

方法

问题：

当用户点击菜单页面上的按钮时，它会将用户导航到空白页面，而不是向用户显示新页面中的正确内容。

因此，发生了什么，出了什么问题？这似乎很奇怪，因为它应该正确地工作并在点击时加载新的.html文件。

＆＃13;

＆＃13;

$("#Game").click(function() {
  console.log(this.id);
  $("#Game").attr("disabled", true);

  $("#jigsaw_ReadyPage").fadeOut(function() {
    $("#div_play").empty();
    $("#div_play").load("SDW.html");
    $("#div_play").fadeIn();
  })
})

＆＃13;

<div id="jigsaw_ReadyPage" style="height: 1920px; width: 1080px; background-image: url(lib/img/Page02.png);">

  <button id="Game"></button>
</div>
<div id="div_play"></div>

＆＃13;

＆＃13;

＆＃13;