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

我需要的：

我需要在单击button1时显示button2。新材料：我需要做的是将button2保存在那里，所以如果您刷新或“运行”按钮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

最佳答案

为了使它如您所描述的那样起作用，if结构...

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

...必须位于点击功能内。尝试...

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

您确实不需要用这种方式的if-结构...在您的代码中，if-结构仅在文档就绪（一次）上运行。