javascript - 获取相关的 Jquery 子菜单以在新页面加载时保持打开状态？

Question

我需要以下方面的帮助 menu .

当单击子菜单项并加载另一个页面时，如何让特定子菜单保持打开状态。

Code on jsfiddle

Answer 1

如果重新加载整个页面，则必须向新页面提交一些信息。为此，您必须修改子菜单项的链接，或设置 cookie。在页面加载时，您必须解析这些信息(url 或 cookie)，并将其应用于您的菜单。您还可以使用一些服务器端代码来预呈现 HTML，其中您的子菜单已经打开。

在这种情况下，jsFiddle 不是向您展示它如何工作的好 helper 。

编辑:

您可以执行以下操作(未经测试):

给你的顶级菜单<div>一个唯一的 ID，即

<div class="menutop" id="posts">

为子项的每个 URL 添加哈希，即

<li><a href="/Post/New#posts">Add New</a></li>

试试这个哈希来打开菜单

$(document.location.hash).click();