Question

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

问题被多次回答，但我找不到简单的方法让TOGGLE记住当前的状态。我不想用膨胀的代码开始使用jQuery。

我需要创建一个简单的开放/关闭面板，我发现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' );
    });
});

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

1 个答案: