jQuery-使用cookie来记住菜单位置

Question

我正在使用jQuery Cycle将长菜单分页到5个项目块或面板-5项= 1面板。我有代码工作来分割长列表，现在jQuery Cycle现在对列表进行分页。

但是！我需要使用cookie来“记住”我点击列表项时所在的面板。 IE：如果我在Panel2中单击一个项目，页面将加载并且我的菜单将再次返回到Panel1。

jQuery的周期需要startingSlide作为一个选项。我如何使用cookie来设置当前面板？那么，我如何将这个选项传递给jQuery Cycle作为startingSlide？

一个例子小提琴：http://jsfiddle.net/saltcod/eayZq/2/

最后，我jQuery的循环代码将是这个样子：

$('.list').cycle({ 
    fx: 'scrollVert', 
    speed: 'fast', 
    timeout: 0, 
    prev: '.back', 
    next: '.more', 
    startingSlide = 'panel-x-that-i-just-clicked-on' 
}); 

任何人都知道我可以使用cookie面板序号“传递下去”到下一页？

Answer 1

为什么不阻止点击重新加载您的网页？

这里是你与每个li周围添加链接例如：

http://jsfiddle.net/jtbowden/ALsHA/1/

当您单击的链接，页面没有加载，因为我return false;从点击处理程序。这是一样的，在处理程序做e.preventDefault()还有：

$('li a').on('click', function(e) { 
    e.preventDefault(); // This 
    alert('You clicked: '+$(this).text()); 
    return false; // Or this 
}); 

return false;确实有点多，但它也将防止从点击重新加载页面。