javascript - jquery点击函数后保存当前状态

Question

我试图在单击另一个按钮后隐藏一个按钮，但是当页面刷新时，隐藏的按钮再次出现。即使我刷新页面并仅在单击显示按钮时才显示它，我也想保持隐藏状态。任何帮助将不胜感激。

HTML:

<button type="button" class="showhide">Show / Hide</button>
<button type="button" class="link">Link</button>

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/