jquery - 将 cookie 添加到 jQuery 工具的最简单方法

Question

这是我在 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');
});

谢谢米罗！

Answer 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' );
    });
});