javascript - 如何在 session 之间保持类切换？

Question

我正在使用快捷键来进行类切换，如下所示。

// Toggle admin bar using Tab + q
key('tab + q', function(){
  $('body').toggleClass('admin')
});

但我想跨 session 存储它。最好的方法是什么？

我尝试使用 jQuery.cookie.js

// Toggle admin bar using Tab + q
if ($.cookie('adminBarVisible') == 'false') {
  $('body').removeClass('admin')
};

key('tab + q', function(){
  if ($.cookie('adminBarVisible') == 'true') {
    $('body').removeClass('admin')
    $.cookie('adminBarVisible', false)
  } else {
    $('body').addClass('admin')
    $.cookie('adminBarVisible', true)
  };
});

但是刷新一段时间(0.5秒)后，我看到管理栏位于顶部。

Answer 1

您可以使用:

• cookie - 大多数跨浏览器解决方案，在检查是否应该最初切换某些内容时，利用 document.cookie (或任何其他 cookie javascript 插件)来访问条件中的 cookie 值。使用 cookies 会有额外的值(value)，因为 cookies 会随着每个请求发送到您的服务器，从而使它们可供服务器端使用。
• localStorage - 易于使用，可在较新的浏览器上使用，数据在 session 中保留。