javascript - 如何使用 cookie.js 的工作示例

Question

我想知道您是否可以帮助我/向我展示如何在我的示例中使用 cookie.js，我一直在努力解决这个问题。我必须提前声明我是编程新手，所以我很谦虚并且喜欢一个如何使用 cookie.js 的简单示例

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

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

这是我使用 cookie 的尝试。

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

我希望这是简单的事情，我只是想念理解......

Answer 1

当您切换时，您的 cookie 值似乎没有被设置。最简单的方法是向切换方法添加回调。

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());
         });
    });

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