Accordion在重载时保存最后一个状态 [英] Accordion save last state on reload

问题描述

我正在构建一个手风琴菜单，我正试图在页面重新加载时保持手风琴的最后一个活动状态。我尝试过javascript（见下文），但它似乎无法正常工作。



请参阅此处的Codepen

I'm building a accordion menu and I'm trying to keep the last active state of the accordion on page reload. I've tried javascript (see below) but it doesn't seem to work.

See Codepen here

$(document).ready(function () {
$('.b-accordion').accordion({
header: '.b-accordion__cell',
collapsible: true,
activate: function(e, ui) {
localStorage.setItem('accordion-active', $(this).accordion( "option", "active" ));
},
active: +localStorage.getItem('accordion-active')
});
});

任何帮助将不胜感激。谢谢！

Any help would be appreciated. Thank you!

推荐答案

（document）.ready（function（）{

(document).ready(function () {

（'。b-accordion'）。 accordion（{
header：'。b-accordion__cell'，
collapsible：true，
activate：function（e，ui）{
localStorage.setItem（'accordion-active' ，

('.b-accordion').accordion({ header: '.b-accordion__cell', collapsible: true, activate: function(e, ui) { localStorage.setItem('accordion-active',

（this）.accordion（option，active））;
}，
active：+ localStorage.getItem（'accordion-active' ）
}）;
}）;

(this).accordion( "option", "active" )); }, active: +localStorage.getItem('accordion-active') }); });

任何帮助将不胜感激。谢谢！

Any help would be appreciated. Thank you!

这篇关于Accordion在重载时保存最后一个状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！