javascript - jQuery - newHeader 属性/字段有什么作用？

Question

我承认我有点像复制粘贴 JavaScript 开发人员(具有其他语言的强大背景)。我正在使用 jQuery Accordion ，并使用 cookie 来保存选定的 Accordion 部分。我找到了一些代码，并将其集成到我的代码中。关键部分如下。

change: function (event, ui) {
     var index = $(this).find("h3").index(ui.newHeader[0]);
     $.cookie(accordion, index);
}

这行得通，但我讨厌使用我不理解的代码。我知道索引是通过使用 find 方法发现的(假设内容中没有任何 h3)，但我不明白 ui.newHeader[0] 在做什么。什么是 newHeader 数组，它在这里的目的是什么？

谢谢，埃里克

Answer 1

查看 jquery.ui.accordion.js 的源代码，它只是一个包含新选择的元素的对象。

如果你只是查看源代码，你自己就可以看到:

// find elements to show and hide
var toShow = clicked.next(),
    toHide = this.active.next(),
    data = {
        options: options,
        newHeader: clickedIsActive && options.collapsible ? $([]) : clicked,
        oldHeader: this.active,
        newContent: clickedIsActive && options.collapsible ? $([]) : toShow,
        oldContent: toHide
    },
        down = this.headers.index( this.active[0] ) > this.headers.index( clicked[0] );

    this.active = clickedIsActive ? $([]) : clicked;
    this._toggle( toShow, toHide, data, clickedIsActive, down );

    return;
},

newHeader 不是一个数组，它是一个代表新选择的元素的对象。您发布的代码找到 Accordion 元素中的所有 h3 元素，然后获取 newHeader 的索引。每次 Accordion 更改时，newHeader 表示的元素都会更改。