javascript - 使用jQuery或JavaScript在下一页打开相同的div以记住

Question

使用下面的代码，我想在下一页中保持打开的相同菜单 div。我可能需要使用 cookie，但我不知道 cookie 在 JavaScript 中是如何工作的。

$(this)
    .css({backgroundColor:"#861b1b"})
    .next("div.menu_body")
    .slideToggle(300)
    .siblings("div.menu_body")
    .slideUp("slow");

$(this).siblings().css({backgroundColor:"#eee"});

Answer 1

在浏览器允许的情况下，可以通过以下方式访问 cookie:

document.cookie

还有一个很好的 jQuery 插件可以处理它们:https://github.com/carhartl/jquery-cookie

阅读 README 文件以获取示例和说明。

一个帮助您入门的简单示例。首先，当用户点击菜单时:

$.cookie("current-menu",$(this).attr("id"));

接下来，当页面加载时:

if($.cookie("current-menu")) {
   OpenMenu($("#"+$.cookie("current-menu")));
}

OpenMenu 应该包含您在上面发布的代码。确保您的菜单项具有唯一 ID。