jQuery Accordion 的 JavaScript 关闭问题（我相信）

Question

我正在使用 jQuery Accordion，并且在一个页面上有两个 Accordion。 我想将每个手风琴的选定索引存储在 cookie 中。 为此，我有以下代码（引用了 jquery.cookie.js 库）。

function accordionsInitAll() {
    $(document).ready(function () {
        accordionInit("#accordion1");
        accordionInit("#accordion2");
    });
}

function accordionInit(sAccordion) {
    var accordion = $(sAccordion);
    var index = $.cookie(sAccordion);
    var active;
    if (index !== null) {
        active = accordion.find("h3:eq(" + index + ")");
    } else {
        active = 0;
    }
    $(sAccordion).accordion(
    {
        active: active,
        change: function (event, ui) {
            var index = $(this).find("h3").index(ui.newHeader[0]);
            $.cookie(sAccordion, index);
        }
    });
}

每个 Accordion 部分都包含引用与 jQuery 所在页面相同的页面的链接（具有不同的参数）。 这些功能在某些状态得到保存的情况下起作用。 问题是，这种行为似乎是随机的。 有时它工作得很好，有时活动元素cookie在它应该有一个值时为空，有时选择的索引在两个手风琴之间切换。

我很难过，我唯一能想到的是这是一个闭包问题，一些变量没有被正确捕获。

这是一个关闭问题，还是我有其他一些导致问题的错误？

谢谢，埃里克

使用解决方案编辑 11/510

问题原来是由于某种原因，我使用的 cookie 库有时会多次设置相同的 cookie，导致出现两个 cookie 值具有完全相同的键的情况。 cookie 正确的顺序与读取顺序不同，导致了奇怪的行为。

一旦我将 cookie 库切换到http://code.google.com/p/cookies/，我就不再有任何问题。 感谢所有帮助过的人！

Answer 1

• 演示： https : //so.lucafilosofi.com/javascript-closure-issue-i-believe-with-jquery-accordion/

更新

$(function() {
    var accordions = ['dataAccordion', 'regionAccordion'];
    var index,cookie;
    $.each(accordions,function(i, item) {
        cookie = $.cookie(item);
        index = (null !== cookie) ? parseInt(cookie) : 0;
        $acdn = $('#' + item);
        $acdn.accordion({
            autoHeight: false,
            fillSpace: false,
            clearStyle: true,
            active: index,
            change: function(event, ui) {
                index = $(this).find("h3").index(ui.newHeader[0]);
                $.cookie(this.id, index, {
                    expires: 10
                });
            }
        });
    });
});

• 注意： parseInt()的使用