当页面刷新时，jQuery切换不会保持打开状态

存在一个问题，即固定边栏中的可折叠菜单在单击链接时（或者页面只是刷新时）未保持打开状态。当页面刷新时，jQuery切换不会保持打开状态

我使用了基于this question的建议，关于使用cookie来存储div的状态，但它不工作（切换状态仍然不存在）。

我添加到插件的链接（我的jQuery的src链接）：

<script src="js/jquery.cookie.js" type="text/javascript"></script>

而且切换状态还是不留，甚至住在.com的网站。

if ($.cookie('div') == 'open'){ 
    $('#the_more_div').slideDown('slow'); 
} else { 
    $('#the_more_div').slideUp('slow'); 
} 

$('#hamburger').click(function(){ 
    $('#the_more_div').slideToggle('slow', function(){ 
     if ($(this).is(':hidden')) { 
      $.cookie('div', 'closed'); 
     } else { 
      $.cookie('div', 'open'); 
     } 
    }); 
});

的切换工作得很好，但为什么不the_more_div保持打开状态时点击它里面（或页面刷新）不同的链路。

预先感谢您！

来源

2014-01-07 PanicBus

我已经在jsfiddle上测试过了，它工作正常。 [jsfiddle.net/UJDsh/](http://jsfiddle.net/UJDsh/）。你有没有检查过其他浏览器，并且你是否在jquery.cookie插件之前先加载jquery？ –

令人惊叹的是@MarkS，因为它无法正常在线运行。试过Chrome和Firefox。你可以看看它[这里]（http://www.nicocrisafulli.com） - 在侧边栏中。绝大多数肯定加载jquery第一。 – PanicBus

原来这个问题是一个无关的冲突。上面的代码的确如此，实际上是用来安装一个cookie来保持div状态。

来源

2014-01-08 17:37:42 PanicBus

当页面刷新时，jQuery切换不会保持打开状态

回答

相关问题