jquery - 使用 JQuery 保持菜单的切换状态

Question

我的菜单有这个 HTML 切换按钮:

<a href="#" id="toggle_nav" class="sidebar-toggle" data-toggle="offcanvas" role="button">

如何保存切换状态以在页面加载时重新加载

我已经开始:

$(document).ready(function() {
    $("#toggle_nav").toggle(function() {

    });
});

但我不知道用什么来保持状态

Answer 1

就像人们在推荐中所说的那样，您可以使用 html 5 网络存储。

你有两种类型:
- localStorage - 存储没有过期日期的数据
- sessionStorage - 存储一个 session 的数据

如何设置:
localStorage.setItem("名称", "值");

如何获取值
localStorage.getItem("name");

现在你可以做一个简单的检查，例如:

if (localStorage.getItem("toggle") === null) {
    //hide or show menu by default
    //do not forget to set a htlm5 cookie
}else{
   if(localStorage.getItem("toggle") == "yes"){
     //code when menu is visible
   }else{
     //code when menu is hidden
   }
}

More information here