Javascript 重新加载页面时保持引导侧栏的状态

我正在使用一个名为Metronic的HTML模板为自己构建后端。这个HTML模板提供了在我选择的模板中折叠边栏的可能性。然而，侧边栏并没有保持她的状态

您可以在此处测试模板：

我想对它进行编程，使侧边栏在重新加载页面时保持此处状态。我已经用名为

js.cookie

的插件找到了一些解决方案，可以在客户端计算机上保存边栏菜单的状态

然而，我面临的问题是，我真的不知道我必须调用哪个类或id才能获取侧边栏的当前状态，根据此状态和保存到cookie的状态，切换侧边栏

这就是我迄今为止所尝试的：

到目前为止，我的代码是：

<script>
    var last=$.cookie('menuToggled');
    console.log(last);

    if (last!=null) {
        //remove default collapse settings
        $("#page-sidebar-menu-ul").removeClass('page-sidebar-menu-closed');
        //show the last visible group
        $("#"+last).collapse("show");
    }

    $("#page-sidebar-menu").bind('shown', function() {
        $.cookie('menuToggled', "page-sidebar-menu")
    });
</script>

var last=$.cookie（'menuToggled'）；
console.log（最后一个）；
if（last！=null）{
//删除默认折叠设置
$（“#页面边栏菜单ul”）.removeClass（'page-sidebar-menu-closed'）；
//显示最后可见的组
$（“#”+最后一个）。折叠（“显示”）；
}
$（“#页面边栏菜单”）.bind（'显示'，函数（）{
$.cookie（“菜单切换”，“页面侧栏菜单”）
});

我已将id

页面侧栏菜单

和

页面侧栏菜单ul

分配给我的模板。在链接到上面的页面上，id

page sidebar menu

是

m\u ver\u menu

，id

page sidebar menu ul

是

ul

元素，后跟id

m\u ver\u menu

---

我将感谢任何帮助。谢谢大家!

对于JS中的cookie，您不需要使用插件。还有一个代码片段，它将更容易帮助您。我可以将我的代码粘贴到这里，但我认为它不会有任何帮助，因为我猜它是完全错误的。。等等，退房。它建议通过ajax调用“记住”菜单状态。对于JS中的cookie，不需要使用插件。还有一个代码片段，它将更容易帮助您。我可以将我的代码粘贴到这里，但我认为它不会有任何帮助，因为我猜它是完全错误的。。等等，退房。它建议调用ajax来“记住”菜单状态。