在jquery点击function后保存当前状态

我在点击另一个按钮后尝试隐藏按钮，但是当页面刷新时，隐藏按钮再次出现。 我想保持隐藏，即使我刷新页面并仅在我点击显示按钮时显示它。 任何帮助将非常感激。

HTML：

Show / Hide Link 

JS：

 $('.showhide').click(function(){ $('.link').hide(); }); 

Answer 1

就像@Kartikeya所说，使用localStorage。

单击按钮时设置它。 在页面加载时，检查localStorage的值以更新按钮的可见性。

 $('.showhide').click(function(){ $('.link').toggle(); var isVisible = $('.link').is(":visible"); localStorage.setItem('visible', isVisible); }); // stored in localStorage as string, `toggle` needs boolean var isVisible = localStorage.getItem('visible') === 'false' ? false : true; $('.link').toggle(isVisible); 

https://jsfiddle.net/undm500w/8/

Answer 2

您可以使用localStorage通过以下代码在客户端处理它。 或者您需要在服务器脚本中使用sessionStorage。

 if(localStorage.getItem('isHide')) $('.link').hide(); $('.showhide').click(function(){ $('.link').hide(); localStorage.setItem('isHide',true); }); 

Answer 3

如果你想让按钮在关闭浏览器后保持隐藏，你应该考虑使用localStorage ，更多信息在这里 ，否则我建议使用类似于会话的sessionStorage ，这意味着存储在会话存储上的所有内容都将被删除你关闭浏览器。 您可以在此处阅读有关会话存储的信息

基本上你需要使用两个function。 getItem和setItem 。 这是使用sessionStorage的演示，但也适用于localStorage ：

  $(document).ready(function(){ if(sessionStorage.getItem('isBtnHidden')){ $('.link').hide(); } $('.link').click(function(){ $('.link').hide(); sessionStorage.setItem('isBtnHidden', true); }); });