javascript - js做了一个可垂直收缩展开的左边侧导航栏, 怎么保持点击之前展开的,点击后也是展开

Question

js,　css做了一个可垂直收缩展开的左边侧导航栏,　现在每次点击导航上的链接后,　页面会刷新跳转,　导航栏恢复原样,　现在的问题是怎么保持点击之前展开的项,点击后也是展开的,
高手说一下方法.

Answer 1

楼上的思路是对的，在有侧边导航栏的收缩动作的时候，操作完dom后把收缩状态存在持久存储里面去，在每次页面加载完毕初始化侧边栏的时候，先用js读取是否有之前的状态，然后做相应的页面展示。

但是不建议使用cookie，我的建议是使用localStorage或sessionStorage等现代数据存储方式。
来文档 https://developer.mozilla.org...
看兼容性 http://caniuse.com/#search=lo...

Answer 2

我先确定一下题主问题的几个point：

1. 非单页面

2. 侧边栏 非模板（？）

如果真的是非模板（也就是每个页面里粘贴了同样的侧边栏的HTML代码），这种最好做了，针对每个页面单独写样式嘛

比如现在这个页面是首页，你就把侧边栏首页挂上标记

如果是模板做的，而且还非单页面（即页面会刷新），你就要利用cookie保存状态了，然后每次页面加载，从cookie中取这个状态，然后做相应的处理

以上。希望可以帮到你 :P