记住在网站上按下的标签

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

当点击超链接时，我在相关的div上使用jquerys .show（）和hide（）。

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

我怎样才能做到这一点？

Answer 1

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

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

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

MARKUP

 
First tab
 
Second tab
 
Third tab
  

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

Answer 2

您可以使用cookie（浏览器中保存的特定站点的信息）来实现。 该cookie可以保留当前打开的选项卡。

在http://www.electrictoolbox.com/jquery-cookies/上有一个很好的指南

Answer 3

您可以保存侧栏中最后单击的选项卡的ID。 例如：

 $("#sidebar").data("lastClickedTab", $("#theTab")[0].id);