javascript - 使用 javascript 更改类并使用 cookie 存储

Question

我正在使用这个 javascript，我可以在其中更改类 onClick(其他类)。

$(window).load(function(){
$(".changefontA").click(function () {
    $("body").removeClass("a").addClass("b");
    $(this).hide();
    $(".changefontB").fadeIn();
});
$(".changefontB").click(function () {
    $("body").removeClass("b").addClass("a");
    $(this).hide();
    $(".changefontA").fadeIn();
});
});

因为这是一个巨大的字体变化，我想将它存储在一个 cookie 中，这样当访问者转到另一个页面时，网站会记住这个变化并且不会切换回原来的字体。我对 cookie 完全陌生，所以我希望有人能帮助我或让我先行一步。

Answer 1

如果您要使用 jQuery cookie插件，你可以做类似的事情

$(window).load(function () {
    $(".changefontA").on('click.myfont', function () {
        $("body").removeClass("a").addClass("b");
        $(this).hide();
        $(".changefontB").fadeIn();
        $.cookie('my-font', 'changefontA', {
            path: '/'
        });
    });
    $(".changefontB").on('click.myfont', function () {
        $("body").removeClass("b").addClass("a");
        $(this).hide();
        $(".changefontA").fadeIn();
        $.cookie('my-font', 'changefontB', {
            path: '/'
        });
    });

    //set the class based on the already set cookie
    var font = $.cookie('my-font');
    if (font) {
        $('.' + font).trigger('click.myfont');
    }
});

演示:Fiddle