Jquery UI According 菜单即使在刷新后也能保存菜单状态

Question

我有 jquery UI Accordion 菜单。单击时显示特定的 div 元素。我想知道当 div3 处于事件状态(可见)时是否刷新页面，如何在重新加载页面后使 div3 再次处于事件状态？我正在尝试用 cookie 解决这个问题，但没有成功。有没有人知道的演示？

谢谢。

Answer 1

下面的代码首先保存选定的 Accordion 状态，然后在页面重新加载时激活该状态，甚至在下次访问时激活该状态(只要 cookie 保留)。

        jQuery(document).ready(function(){
            var act = 0;
            $( "#accordion" ).accordion({
                create: function(event, ui) {
                    //get index in cookie on accordion create event
                    if($.cookie('saved_index') != null){
                       act =  parseInt($.cookie('saved_index'));
                    }
                },
                change: function(event, ui) {
                    //set cookie for current index on change event
                    $.cookie('saved_index', null);
                    $.cookie('saved_index', ui.options.active);
                },
                active:parseInt($.cookie('saved_index'))
            });
        });

我使用了jquery cookie插件，你可以从这里下载它https://github.com/carhartl/jquery-cookie/