按下后退按钮再次在页面上显示隐藏的div

Question

我有一个网页，我在其上隐藏项目按钮点击列表的项目（添加类hidden）...现在我导航到网站上的另一个页面，然后按浏览器的后退按钮。我在列表中再次看到了之前隐藏的项目。如何使用jquery永久隐藏元素。任何帮助，将不胜感激。

Answer 1

问题在于你必须问问自己＆＃34;什么是STATE确定它被隐藏的事实？＆＃34;。这将影响如何非常深入地回答您的问题，如果您的页面具有用户配置状态，则应该在页面init上保存和恢复状态。您可以将状态保存在＆＃34; #hash＆＃34; URL的一部分或localStorage。

一般来说，你仍然可以这样做：

function user_action_that_hides_the_div() {
  $div.hide();
  localStorage.setItem("that-div-was-hidden", true);
}

// on page init:
if (localStorage.getItem("that-div-was-hidden"))
  $div.hide();

另一种解决方案可能是始终隐藏div并仅在需要时显示它（并且您需要在JS级别确定是否要显示该信息。