Bootstrap侧边栏导航记住扩展项目

Question

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

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

Answer 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);