jquery - 在页面之间导航时如何在单击后保持打开 Div

Question

我在想是否有办法使用 jquery 而不是任何服务器端语言来实现 cookie。您认为 jquery 是否适合该选项或第二个选项？

如果您能向我展示适当的参考或教程，我将不胜感激。还是非常感谢 ！

Answer 1

不是一个完整的答案，一些指导。

使用 jQuery cookie 插件。在这里。

当用户打开一个 div 时，存储它的状态

<div id="mydiv1" class="collapsible">
    <h3>Title</h3>
    <div class="contents" style="display:none">Bah!</div>
</div>

$('.collapsible h3').on('click', function(){
    var ref=$(this).parent().attr('id');
    $.cookie(ref, "open");
});

然后在 document.ready 上，您可以提取值：

if ($.cookie("mydiv1")=='open') $('#mydiv1 .contents').show();

当然，您会将所有 div 的状态存储在一个 cookie 中并遍历它们以显示应该显示的内容。