javascript - 当用户返回页面时，如何使用 jquery 使所选菜单保持事件状态？

Question

我有一个典型的菜单结构-

<Ul class="nav">
<li>Menu1</li>
<li>menu2</li>
-------
</ul>

当我点击某个菜单时，根据我在加载 layout.html 时编写的 jquery，它会选择特定菜单。

<script>
    jQuery(function(){
      jQuery('.nav>li>a').each(function(){
        if(this.href.trim() == window.location)
            $(this).addClass("selected");
    });
  </script>

但是在该页面上，如果我单击某个链接，它会将我带到其他页面，然后当我返回时，菜单项不会保持选中状态。

我如何修改我的 jquery 来实现这个？提前致谢!

Answer 1

正如 SJ-B 所说，HTML5 Web Storage 是一个很好的解决方案。

如果您不打算使用列表菜单单击页面以外的超过一两个页面，您可以向链接添加一个查询，使您离开页面，例如您的列表菜单之一的 ID。

href="somepage.html 可以变成这样 href="somepage.html?menu_id=menu5

当使用 window.history.back() 时，您可以使用 window.location.search 从 URL 中获取 id并使用 id 选择列表菜单。