保持专注于重新加载Html元素

Question

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

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

我的文件结构如下：

  

main.html（根文件）
|
|

页面（子文件夹）
|
  |
pageOne.html _ _ _ _ pageTwo.html

有没有办法纯粹使用 jQuery 或使用 Bootstrap 实现这一目标？

  

如何将注意力集中在子菜单项上，例如第2项和主要   每当我访问不同的页面时菜单项？

Answer 1

HTTP是无状态协议。在你的情况下，由于页面正在重新加载，浏览器无法记住选择（尽管有些方法我不想推荐，比如将所选菜单存储在本地存储或某处，然后在页面加载时读取该值和使用它），服务器虽然有信息。因此，在渲染页面和菜单时，您可以将此信息传递给手风琴并使用选定的相应元素进行渲染。