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

Javascript 如何使用cookie.js的工作示例,javascript,jquery,Javascript,Jquery,我想知道您是否可以帮助/演示如何在我的示例中使用cookie.js,我一直在努力解决这个问题。我必须提前声明我是编程新手,所以我很谦虚,也很喜欢一个关于如何使用cookie.js的简单例子 我希望在页面刷新后在我的子菜单div上保持相同的状态。我构建了一个JSFIDLE来展示导航在没有cookie的情况下是如何工作的 这是我使用cookies的尝试 我希望这是一件简单的事情,我只是错过了理解 切换时,cookie值似乎未设置。最简单的方法是向toggle方法添加回调 function upd

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

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

这是我使用cookies的尝试


我希望这是一件简单的事情,我只是错过了理解

切换时,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());
         });
    });

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

切换时,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());
         });
    });

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

@Kendall Frey非常感谢你@肯德尔·弗雷非常感谢你!