使用jQuery存储单击的链接状态？

Question

$('#nav a').click(function () {  
    $('#nav a').removeClass('current');  
    $(this).addClass('current');
    return false;  
});

我的HTML是:

<ul id="nav">
<li><a class="current hoc" href="#spread1-anchor">Home</a> /</li>
<li><a class="bgc" href="#spread2-anchor">Background</a> /</li>
<li><a class="apc" href="#spread3-anchor">Approach</a> /</li>
<li><a class="clc" href="#spread4-anchor">Client</a> /</li>
<li><a class="sec" href="#spread5-anchor">Services</a> /</li>
<li><a class="coc" href="#spread5-anchor">Contact</a></li>
</ul>

如果它有帮助,我的URL是:Karls示例站点

使用上面的jQuery代码 - 当用户刷新页面时,如何存储最后点击的链接？我是jQuery的初学者,虽然我已经看过那里的答案,但大多数都是用滑块或手风琴做的,所以在我学习遏制的这个阶段让我理解得太复杂了!:)

如果需要的话,请有人可以帮助并显示如何实现代码或插​​件(我在网上看到了一个cookie插件)

Answer 1

你的链接有ID吗？如果是这样,请在单击时将ID存储在cookie中.所以,像这样:

$('#nav a').click(function () {
  $.cookie('lastclicked',this.id);
  $('#nav a').removeClass('current');  
  $(this).addClass('current');
  return false;  
});

使用jQuery cookie插件可以减少直接设置cookie的烦恼因素.在页面加载时,查找cookie(请参阅文档),读取其值(如果存在),现在您知道最后一次单击链接的ID.