Javascript，垂直折叠/展开菜单 - 页面更改后记住

Posted 2023-03-05

【中文标题】Javascript，垂直折叠/展开菜单 - 页面更改后记住

【英文标题】：Javascript, vertical collapse/expand menu - remember after page change

【发布时间】：2016-11-27 11:52:34

【问题描述】：

我刚开始建立我的网上商店，所以不要介意您可能遇到的所有其他缺陷，除非它们与主题相关。

我目前正在设计商店菜单，并使用 javascript 构建垂直折叠/展开菜单。

我的问题是，当单击链接并且页面切换到目的地时，菜单关闭/重置，这是我不想要的。

我希望在页面更改后菜单继续展开。

谁能帮我解决这个问题？

这是我学校为我提供的网站的链接：http://web14.simo9928.iba-abakomp.dk/wordpress/produkt-kategori/fiskegrej/endegrej/fluer/

【参考方案1】：

可能有几种方法可以做到这一点，具体取决于您是否计划使用 Web 服务器，或者在数据库中为用户设置设置表等。

我发现的其中一种方法是使用“Web Storage API” （见此链接：https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API）

如果您提供一些示例代码会更好，以便我们了解您正在使用的内容，并可能给您一些“示例解决方案”。 （另外，如果您发布示例代码，我给您的答案，Web Storage API 可能不适用，具体取决于您的代码，所以请分享）

jsfiddle 演示请看下面的评论

【讨论】：

感谢您的回答！我已经将一些 html css 和 javascript 代码上传到 jsfiddle。 javascript 未正确加载。 jsfiddle.net/j2y278vk 请告诉我解决方案可能是什么以及在哪里阅读它！

无法完全理解您的 jsfiddle 这是我为演示 Web 存储 api 而制作的一个 jsfiddle.net/yfuzng1y/1

我一直在阅读有关 sessionstorage 和 localstorage 的信息，一旦我正确理解它们，它们将成为我的解决方案。谢谢你的榜样！