在点击 href链接一次后，在整个网站上永久显示隐藏的div

显示隐藏的div在点击一次href链接后永久丢弃网站

这个应该如何工作的一个例子： （little-header）div隐藏在开头，但是当在父页面上点击一次时，例如（第1页），即使你输入一个新的，整个网站也可以看到（小标题）页面或刷新网站。

 
 
 Page 1 
 
 Page 2 
 
 Page 3 
 
 
 
 
 
 Sub Page 1.1 
 
 Sub Page 1.2 
 
 Sub Page 3.3 
 
  

http://jsfiddle.net/ctL6T/179/

我可以想象这是由Jquery完成的。 任何事都会有很大的帮助。 干杯!

Answer 1

如果菜单已经显示，您可以使用Window.localStorage存储标志，然后使用这样的脚本只执行一次show函数。

为了回应下面的评论，我添加了逻辑，这样如果这个脚本包含在多个页面上，那么它将对每个页面独立工作。 我这样做是通过使用Window.location分别为每个访问过的页面存储信息。

（ 演示 ）

 var hide = localStorage[location] ? false : true; var hidden = document.querySelector('.little-header'); if(hide) { hidden.style.display = 'none'; document.onclick = function() { localStorage[location] = true; hidden.style.display = ''; document.onclick = ''; console.log('click'); } } 

Answer 2

正如@Barmar和@Tiny Giant所说，localStorage运行良好且易于使用。 这是一个jQuery版本。

 $(function () { var showLittleHeader = localStorage.getItem('show_little_header'); if (showLittleHeader) { $('.little-header').show(); } $('.big-header').on('click', 'a', function () { localStorage.setItem('show_little_header', 1); $('.little-header').show(); }); }); 

小提琴： http ： //jsfiddle.net/wqpjfvy7/