0

以下代码示例使用 jQuery cookie 来记住侧边栏导航的最新触发器类。所以它会记住侧边栏是折叠还是打开，并在刷新或重新加载后保持相同的状态。

但是，这是分别记住每个页面的最新课程，而不是整个网站。例如，如果侧边栏在 page1 中折叠，我需要它在 page2 和其他页面中折叠，直到我单击展开。但是目前它正在分别保存每个页面的侧栏类。

我在本地服务器上本地运行该网站。

这是 jsFiddle 中的代码：http: //jsfiddle.net/hJAk3/3/

这是HTML：

<div id="side-bar">
     Side-bar Menu <br /><br />         
     Page1 <br /><br />        
     Page2    
</div>

<button class="collapse">
    test
</button>

这是JS代码：

if($.cookie("state") == 1) {
  $('#side-bar').addClass("collap");
} else {
$('#side-bar').removeClass("collap");
}

$(".collapse").click(function() {
    $("#side-bar").toggleClass("collap");
if($("#side-bar").hasClass("collap")) {
    $.cookie("state", 1);
} else {
    $.cookie("state", 0);
}
});
4

1 回答 1

1

你试过这个：

创建过期 cookie，在整个站点中有效：

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

欲了解更多信息，请访问https://github.com/carhartl/jquery-cookie

于 2013-08-08T11:23:43.063 回答