Bootstrap 侧边栏导航记住展开的项目答案

【问题标题】：Bootstrap sidebar navigation remember expanded itemsBootstrap 侧边栏导航记住展开的项目
【发布时间】：2013-03-02 02:07:37
【问题描述】：

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

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

【问题讨论】：

好友邮政编码，如果您的问题只是与您有关，那么您的问题对社区没有任何好处。应该在此处发布带有问题的代码，这样当有相同问题的其他人到达这里时，真的可以从中受益。阅读常见问题解答和关于我们以了解更多信息。

标签： javascript jquery cookies twitter-bootstrap

【解决方案1】：

查看这个 SO 问题，了解有关如何使用 jQuery 实现 cookie 的一些想法： How do I set/unset cookie with jQuery?

您可以将此 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);

【讨论】：