一个如何使用cookie.js的工作示例

时间:2012-07-28 21:36:57

标签: javascript jquery

我想知道你是否可以帮助/告诉我如何使用cookie.js作为我的例子我一直在强调试图解决这个问题。我必须提前熟悉我是全新的编程,所以我谦虚,并且会喜欢一个如何使用cookie.js的简单例子

我希望在页面刷新后在子菜单div上保持相同的状态。我已经构建了一个jsFiddle来显示导航如何在没有cookie的情况下工作。

http://jsfiddle.net/replacement4/nKFt7/60/

这是我尝试使用Cookie。

http://jsfiddle.net/replacement4/nvf3V/3/

我希望这很简单,我很想念......

1 个答案:

答案 0 :(得分:0)

切换时,您的Cookie值似乎未设置。最简单的方法是在toggle方法中添加一个回调。

function updateCookie(){

    $.cookie('submin_visible', $('#sub-nav-wrapmin').is(':visible').toString());
}

$('.button').click(function(){
        $('#sub-nav-wrapmin').toggle(500,updateCookie);
// OR
         $('#sub-nav-wrap').toggle(500,function(){
           $.cookie('submin', $('#sub-nav-wrap').is(':visible').toString());
         });
    });

可能有更优雅的解决方案,但查看代码这是最简单的;)