javascript - .Click 函数在 jQuery 中不起作用

Question

我需要什么:

我需要在单击 button1 时显示 button2。新内容:我需要它做的是将按钮 2 保存在那里，这样如果您刷新或“运行”按钮 2 已经存在，我该怎么做？

我做过/尝试过的事情:

我已经尝试了很多不同的事情，例如围绕更改范围进行更改，以及检查控制台错误，但我没有得到，所以我不太确定发生了什么。

代码

$(document).ready(function () {
  $('#button2').hide();
  window.highestLevel = 1;

$('#button1').click(function () {
    Check();
    highestLevel = 2;
});

  if (highestLevel == 2) {
    $('#button2').show();
}

function Check() {
    localStorage.setItem('highestLevel', highestLevel);
  }

});

什么有效

唯一有效的是当我点击 $('#button1') 时它正确地将它存储到 html 本地存储。

链接 , jsFiddle

Answer 1

要使其如您所描述的那样工作，if 结构 ...

if (highestLevel == 2) {
    $('#button2').show();
}

... 必须在点击功能内。尝试...

$('#button1').click(function () {
    Check();
    highestLevel = 2;
    $('#button2').show();
});

您真的不需要 if 结构以这种方式执行...在您的代码中，if 结构仅在文档就绪时(一次)运行。