jquery - 使用 jQuery 和 cookie 的彩色页面切换器

Question

我需要帮助在此处添加 cookie，我尝试但不能，不知道如何添加...有任何帮助吗？

$(document).ready(function(){ 
    $("li.black_c").click( function(){ $
        (".main").removeClass('bg2 , bg3').addClass("bg1");
    });

    $("li.blue_c").click( function(){ $
        (".main").removeClass("bg1 , bg3").addClass("bg2");
    });

    $("li.red_c").click( function(){ $
        (".main").removeClass("bg1 , bg2").addClass("bg3");
    }); 

});

这是工作演示 http://jsfiddle.net/jhMfw/但没有cookie

Answer 1

对于非常简单的用法，我推荐您 jQuery cookie plugin和 tutorial here了解如何使用它。

演示:http://jsfiddle.net/jhMfw/2/

$(document).ready(function(){

    $("li.black_c").click( function(){ $
        (".main").removeClass('bg2 , bg3').addClass("bg1");
        $.cookie('mycookie','bg1');
    });

    $("li.blue_c").click( function(){ $
        (".main").removeClass("bg1 , bg3").addClass("bg2");
        $.cookie('mycookie','bg2');
    });

    $("li.red_c").click( function(){ $
        (".main").removeClass("bg1 , bg2").addClass("bg3");
        $.cookie('mycookie','bg3');
    }); 

    if ($.cookie('mycookie')) {
        $('.main').addClass($.cookie('mycookie'));
    }

});​