我试图在单击另一个按钮后隐藏一个按钮,但是当页面刷新时,隐藏的按钮再次出现。即使我刷新页面并仅在单击显示按钮时才显示它,我也想保持隐藏状态。 任何帮助将不胜感激。
HTML:
<button type="button" class="showhide">Show / Hide</button>
<button type="button" class="link">Link</button>
JS:
$('.showhide').click(function(){
$('.link').hide();
});
最佳答案
如@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);
关于javascript - jquery点击函数后保存当前状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37538465/