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

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

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

  

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

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

如果菜单已经显示,您可以使用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'); } } 

正如@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/