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

Question

我需要以下菜单的帮助.

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

关于jsfiddle的代码

Answer 1

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

在这种情况下,jsFiddle不是向您展示它如何工作的好帮手.

编辑:

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

为您的顶级菜单<div>提供唯一的ID,即

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

向子项的每个URL添加哈希,即

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

尝试使用此哈希打开菜单

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