jQuery - 为当前的toggleClass状态创建cookie？

Question

如果要切换，我想为当前状态创建一个Cookie ...

我的代码：

$(document).bind('keydown', 'esc', function() {
   $("nav").toggleClass('blue');
   return false;
});

谢谢！

Answer 1

设置cookie：

$.cookie("cookie_name", "state");

读取cookie：

var value = $.cookie("cookie_name");

Answer 2

试试这个（连同jQuery cookie插件，如http://github.com/carhartl/jquery-cookie）

// get previous state and initiate the class
if($.cookie("state") == 1) {
    $('nav').addClass("blue");
} else {
    $('nav').removeClass("blue");
}

$(document).bind('keydown', 'esc', function() {
    $("nav").toggleClass('blue');
    if($("nav").hasClass("blue")) {
        $.cookie("state", 1);
    } else {
        $.cookie("state", 0);
    }
    return false;
});