Question

我有一个可以通过添加和删除类来打开和关闭的按钮，当点击关闭时，我需要它保持在该状态，反之亦然，我分配给＆＃39; off＆＃39的cookie ;状态有效，但当我想将其切换回来时，我无法移除cookie。

$(document).ready(function () {
  $(".button2").click(function () {
    if($(".toggle2").hasClass("toggleOn")) {
      $(".toggle2").removeClass("toggleOn");
      $(".toggle2").addClass("toggleOff");
      $.cookie('setting1', 'off', { expires: 1, path: '/', domain: '#' });
    } else {
      $(".toggle2").removeClass("toggleOff");
      $(".toggle2").addClass("toggleOn");
      $.cookie('setting1', null, { expires: 1, path: '/', domain:     '#' });
    }
  });
});

$(function() {
  if($.cookie('setting1') == null) {

  } else {
    $(".toggle2").removeClass("toggleOn");
    $(".toggle2").addClass("toggleOff");
    $(".buttonON2").removeClass("buttOnAnimate");
    $(".buttonON2").addClass("buttOnAnimateRemove");
    $(".buttonOFF2").removeClass("buttOffAnimateremove");
    $(".buttonOFF2").addClass("buttOffAnimateADD");
  };
});

我对cookie的概念相当新，我读到将值赋值为null将遵循cookie的if语句，这样就不会忽略else语句。任何建议将不胜感激。

Answer 1

使用removeCookie删除Cookie

$.removeCookie('setting1');

对于较新版本的jquery.cookie使用

Cookies.remove('setting1');

设置和取消设置cookie

1 个答案: