1

我正在使用一个名为 Metronic 的 HTML 模板为自己构建一个后端。这个 HTML 模板提供了在我选择的模板中折叠侧边栏的可能性。但是，侧边栏不会保留她的状态。

在这里您可以测试模板：https ://keenthemes.com/metronic/preview/?page=index&demo=default

我想对其进行编程，以便在重新加载页面时侧边栏保持此处状态。我已经找到了一些解决方案，其中调用了插件js.cookie来保存客户端计算机上侧边栏菜单的状态。

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

这是我迄今为止尝试过的： Retain Twitter Bootstrap Collapse state on Page refresh/Navigation

到目前为止我的代码：

<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>

我已将 idpage-sidebar-menu和分配page-sidebar-menu-ul给我的模板。在上面链接的页面上， idpage-sidebar-menu是m_ver_menu， idpage-sidebar-menu-ul是ul后面跟着 id 的元素m_ver_menu。

我将不胜感激任何帮助。谢谢你！

4

0 回答 0