1

これは、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');
});

ありがとうミロ！

4

1 に答える 1

0

このようなことを試してください：

$(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' );
    });
});
于 2012-08-04T08:34:09.843 に答える