将 cookie 添加到 jQuery 切换的最简单方法答案

【问题标题】：Simplest way to add cookies to jQuery toogle将 cookie 添加到 jQuery 切换的最简单方法
【发布时间】：2012-08-06 15:00:35
【问题描述】：

这是我在 stackoverflow 上的第一篇文章 :) 我花了一整夜尝试了很多方法来做同样的事情，但我是初学者，所以我放弃并寻求帮助。

问题被回答了很多次，但我找不到让 TOGGLE 记住当前状态的简单方法。我不想用臃肿的代码开始我的工作。

我需要创建一个简单的打开/关闭面板，我发现 toggle() 或 toggleClass() 会给我我想要的。

Miro 的最终工作代码由我缩短和修复：

$(document).ready(function () {
    $('p').toggleClass('red', $.cookie('currentToggle') === 'on');
    $('button').toggleClass('yellow', $.cookie('currentToggle') === 'on');
});

$("button").click(function () {
    $("p").toggleClass("red");
    $(this).toggleClass("yellow");
    $.cookie('currentToggle', $("p").hasClass('red') ? 'on' : 'off');
});

谢谢米罗！

【问题讨论】：

点击切换按钮将 cookie 设置为该值。然后在文档准备就绪时检查 cookie 处于什么状态（类），并将适当的类添加到相关选择器。很简单
你有没有尝试过？
是的，我尝试了很多方法，但我希望一切都简短。 Miro 添加了很好的解决方案，但是有问题。你可以在我更新的问题中看到。

标签： jquery cookies toggle toggleclass

【解决方案1】：

试试这样的：

$(document).ready(function () {    
    $('p').toggleClass('red', $.cookie('currentToggle') === 'on');  
});
$(function(){

    $("button").click(function () {
        $("p").toggleClass("red");
        $(this).toggleClass("yellow");      
        $.cookie('currentToggle', $("p").hasClass('red')?'on':'off' );
    });
});

【讨论】：

好的，我会发现BUG的！应该是：而不是 , $.cookie('currentToggle', $("p").hasClass('red')?'on':'off' );