javascript - Bootstrap 侧边栏导航记住展开的项目

Question

我有一个带有嵌套可折叠链接的引导侧边栏。每个链接当然会在单击时重新加载页面，这会导致菜单折叠。我想知道是否有办法让侧边栏导航在页面加载之间保持扩展。这样用户就不必在浏览时一遍又一遍地扩展相同的项目。

从我到目前为止所读到的内容来看，显然有一种方法可以使用 cookie 来做到这一点，但我完全不知道如何实现它。谢谢

Answer 1

查看这个 SO 问题，了解有关如何使用 jQuery 实现 cookie 的一些想法： 如何使用 jQuery 设置/取消设置 cookie？

您可以将此 jquery 插件用于 cookie： https ://github.com/carhartl/jquery-cookie

使用上面的内容，您可以设置一个带有菜单显示/隐藏状态的 JSON 对象，可以读回：

$.cookie.json = true;
var sidebarstate = '[ {Item: "blah", expand: true}, {Item: "2", expand: false}]';
$.cookie('sidebar', sidebarstate );
...

var sidebar = $.cookie('sidebar');
alert('sidebar: ' + sidebar);