Question

我的网站上有一个开放的div，一条欢迎消息，其中有slideUp / slideDown切换，因此用户可以点击“关闭”并向上滑动div。但是，每次登陆此页面时，它都会打开...我想对此应用Cookie，因此如果用户按下slideUp切换按钮，则会添加Cookie并将其保留在{{1} }。

到目前为止，这是我的jQuery代码......我希望使用cookie插件，这可能会让事情变得更容易？

display:none

如果有可能，有什么想法吗？

由于

Answer 1

应该是这样的，使用你提到的cookie插件，但如果你不需要支持旧的浏览器，你也可以使用本地存储：

var welcome_active = false;
if($.cookie('welcome_active')=='1'){
  $('.welcome-container .content').slideUp('slow', function() {});
  $(this).find('span').removeClass('ss-navigatedown');
  $(this).find('em').html('About');
  $(this).find('span').addClass('ss-navigateup');
  welcome_active = true;
}
$('.welcome-container .trigger span').click(function() {
  if (!welcome_active) {
    $('.welcome-container .content').slideUp('slow', function() {});
    $(this).find('span').removeClass('ss-navigatedown');
    $(this).find('em').html('About');
    $(this).find('span').addClass('ss-navigateup');
    welcome_active = true;
    console.log('test');
    $.cookie('welcome_active', '1', { expires: 7 });
  } else {
    $('.welcome-container .content').slideDown('slow', function() {});
    $(this).find('span').removeClass('ss-navigateup');
    $(this).find('em').html('Close');
    $(this).find('span').addClass('ss-navigatedown');
    welcome_active = false;
    $.cookie('welcome_active', '0', { expires: 7 });
  }
});

Answer 2

您只需编辑document.cookie

即可添加Cookie

前：

document.cookie="slideState=up";

接下来，您只需阅读document.cookie并解析字符串即可获得您的价值。

我建议您使用localstorage它简单有效，而且非常好compatibility

jquery slideUp / slideDown cookie

2 个答案: