jquery - 设置 cookie 来记住 Accordion 状态

Question

在过去的几天里，我一直在尝试创建一个cookie(使用 https://github.com/carhartl/jquery-cookie )来记住我的 Accordion 菜单的打开状态。我已经在这里梳理了Google和以前的答案，但到目前为止我还没有运气好让它发挥作用。

Here is the code正在生成 Accordion 菜单..

如果有人可以帮助阐明这一点，我将不胜感激..

Answer 1

我前段时间写了一个版本并将其放在网上:http://jaaulde.com/test_bed/stickyaccordion/

我使用了以下代码:

$(function () {
    var cookieName = 'stickyAccordion';

    $('#accordion').accordion({
        active: ($.cookies.get(cookieName) || 0),
        change: function (e, ui) {
            $.cookies.set(cookieName, $(this).find('h3').index(ui.newHeader[0]));
        }
    });
});

由于这是不久前的事情，所以它使用了 jQuery 1.4.1 和 jQuery UI 1.7.2.

它还使用了我自己的个人 JavaScript / jQuery cookies library 。如果您想使用 carhartl，这是一个完全有效的选择。您只需要将我对 $.cookies.set 和 $.cookies.get 的调用替换为等效的调用即可。

编辑:我很抱歉，当我看到你的问题提到 jQuery 和 Accordion 时，我以为你的意思是 jQuery UI's accordion 。正如您所看到的，这使得事情变得非常简单。由于您没有使用 UI，因此该答案可能对您无效。如果是这样，我也许可以挤出一些时间来为您现有的解决方案添加 cookie 支持。