Question

我正在尝试为我的jQuery调用添加一个名为Sidr

的插件的cookie

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

e.g。

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

有关如何做到这一点的任何想法吗？以下是open和close来电。

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

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

我已经在评论中编辑了我链接的示例代码，到目前为止已尝试编辑它，但此刻仍然存在。哎呀

$('#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

将Cookie添加到jQuery Sidr

1 个答案: