javascript - 保持专注于重新加载 HTML 元素

Question

我正在尝试创建多个具有相同 Accordion 侧边菜单的页面。我的问题是，每当我从一个页面访问另一个页面时，我都会失去我所点击的侧边菜单元素的焦点。

我知道这是因为每当我更改页面并从头开始呈现元素时，DOM 都会在浏览器中重新加载。

我的文件结构是这样的:

main.html (root file)
|
|
Pages (sub-folder)
|
|
pageOne.html _ _ _ _ pageTwo.html

有没有办法完全使用 jQuery 或使用 Bootstrap 来实现这一点？

How can I retain focus on sub-menu items such as item 2 and main menu items whenever I access different pages?

Answer 1

HTTP 是一种无状态协议(protocol)。在您的情况下，由于页面正在重新加载，浏览器无法记住选择(尽管有一些我不想推荐的方法，例如将所选菜单存储在本地存储或某处，然后在页面加载时读取该值并使用它), 服务器虽然有信息。因此，在呈现页面和菜单时，您可以将此信息传递给 Accordion 并使用选择的适当元素进行呈现。