Question

我正在使用jQuery Cycle将长菜单分成5个项目块或面板-5个项目= 1个面板。我已经有了代码工作来切断长列表，而jQuery Cycle现在对列表进行了很好的分页。

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

jQuery循环将startingSlide作为选项。如何使用cookie设置我当前的面板？然后，我如何将此选项作为startingSlide传递给jQuery Cycle？

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

最后，我的jQuery Cycle代码看起来像这样：

$('.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;会做多一点，但它也会阻止点击重新加载页面。

jQuery-使用cookie记住菜单位置

1 个答案: