javascript – 记住在网站上按下的标签

我创建了自己的超链接和div的标签.我把它们放在侧边栏内.

当点击超链接时,我在相关的div上使用jquerys .show()和hide().

它的工作正常,但是,我想在用户导航时点击整个站点上的最后一个链接/选项卡.

我怎样才能做到这一点？

解决方法

您最好的选择是使用cookie来存储活动选项卡的名称.然后,在页面加载时,使用JS检查cookie并将其用作显示正确选项卡和隐藏其他选项卡的基础.

我建议使用jQuery cookie插件来设置和读取cookie：
http://plugins.jquery.com/project/Cookie

您的代码可能看起来像这样(快速草图,因此可能没有语法错误)：

MARKUP

<ul id="tabs">
  <li id="tab-a">First tab</li>
  <li id="tab-b">Second tab</li>
  <li id="tab-c">Third tab</li>
</ul>

JAVSCRIPT

//On Window load:
if ($.cookie('activetab')) {
  var activetabId = $.cookie('activetab');
  $('#tabs li').removeClass('active');
  $('#'+activetabId).addClass('active');
}

//On tab click
$('#tabs li')click(function(){
 var id =  $(this).attr('id');
 $.cookie('activetab',id);
});