将Cookie添加到jQuery Sidr

Question

我正在尝试将cookie添加到名为Sidr的插件的jQuery调用中

我希望幻灯片在切换时保持打开状态，并添加一个cookie来记住状态。

例如：

$('#simple-menu').sidr({
side: 'left' // By default
});

有什么建议吗？下面是open和close调用。

//close
$.sidr('close', 'sidr-main');

// Open
$.sidr('open', 'sidr-main');

我已经编辑了我在注释中链接的示例代码，并且到目前为止我已经尝试过编辑它，但目前仍停留在这一步。grrr

$('#simple-menu').sidr({
    side: 'left' // By default
});

// Open / Close Panel According to Cookie //    
if ($.cookie('panel') == 'open'){    
    $.sidr('open', 'sidr');
} else {
    $.sidr('close', 'sidr');
}     

$('#aaa').click(function(){     
    $('#sidr').slideToggle('fast', function(){
        if ($(this).is(':hidden')) {
            $.cookie('panel', 'closed');
        } else {
            $.cookie('panel', 'open');
        }
    });
});   

Answer 1

在打开和关闭之前，你需要设置一个cookie，确保它有足够长的有效期。

然后，当您在加载新页面时实例化sidr时，您可以检查cookie是否存在，并且根据它的值，您可以实例化sidr，打开或关闭。

http://www.w3schools.com/js/js_cookies.asp