首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >页面刷新时不保持打开状态的jQuery切换

问页面刷新时不保持打开状态的jQuery切换
EN

Stack Overflow用户
提问于 2014-01-08 07:29:11
回答 1查看 514关注 0票数 0

有一个问题,即当点击链接(或页面只是刷新)时,固定侧边栏中的可折叠菜单无法保持打开状态。

我使用了基于this question的关于使用cookie存储div的状态的建议,但它不起作用(切换状态仍然不持久)。

我在插件中添加了一个链接(在我的jQuery源链接之后):

代码语言:javascript
复制
<script src="js/jquery.cookie.js" type="text/javascript"></script>

即使是在.com网站上,这种切换状态也不会一直存在。

代码语言:javascript
复制
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中的不同链接被点击时(或者页面刷新时),为什么不能保持打开呢?

提前谢谢你!

EN

回答 1

Stack Overflow用户

发布于 2014-01-09 01:37:42

事实证明,这个问题是一个无关的冲突。上面的代码实际上安装了一个cookie来使div状态保持不变。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20984162

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档