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

Question

我已经用超链接和 div 创建了自己的标签。我将它们放在侧边栏中。

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

它工作正常，但是，我希望在用户导航时在整个网站上记住最后一次单击的链接/选项卡。

我该怎么做？

Answer 1

最好的办法是使用 cookie 来存储事件选项卡的名称。然后，在页面加载时，使用 JS 检查 cookie，并将其用作显示正确选项卡并隐藏其他选项卡的基础。

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

您的代码可能看起来像这样(速写，因此可能不会没有语法错误):

标记

<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>

脚本

//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);
});