记住在整个网站上按下的选项卡

我创建了自己的带有超链接和 div 的选项卡。我将它们放在侧边栏中。

当单击超链接时，我在相关 div 上使用 jquery .show() 和 hide() 。

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

我怎样才能做到这一点？

最好的选择是使用 cookie 来存储活动选项卡的名称。然后，在页面加载时，使用 JS 检查 cookie，并以此为基础显示正确的选项卡并隐藏其他选项卡。

我推荐 jQuery cookie 插件来设置和读取 cookie：http://plugins.jquery.com/project/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>

脚本语言

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