javascript - Semantic-ui Accordion 获取 onOpen 事件中打开项目的索引

Question

我有一个语义用户界面 Accordion 。它工作正常。但是当用户重新加载页面时，它会按预期打开默认索引项。我想要的是在页面刷新后打开最后一个事件索引。我决定使用 javascript document.cookie 来保留最后一个事件项目的索引。我的问题是我无法获取 onOpen 事件中元素的索引。

HTML:

 <div class="ui styled accordion sticky">
    <div class="item">
        <div class="title active">
            Users
        </div>
        <div class="content active">
            List
        </div>
    </div>
    <div class="item">
        <div class="title active">
            Items
        </div>
        <div class="content active">
            List
        </div>
    </div>
</div>

JQ:

$('.ui.accordion').accordion({
    onOpen: function (item) {
         setCookie('acordionIndex',this.index);
    }
}).accordion('open', getCookie('acordionIndex'));

我发现了这个问题This question但建议的解决方案不起作用。

注意:我的 getCookie 和 setCookie 函数工作正常。

Answer 1

我已经通过尝试替代选项解决了这个问题。将 onOpen 事件更改为 onOpening

$('.ui.accordion').accordion('open', getCookie('acordionIndex') * 1).accordion({
        onOpening: function (item) {
            setCookie('acordionIndex', this.index('.content') - 1, 2)
        }
});