需要一个cookie来保存字体的大小

Question

我编写了这段代码，它在用户单击 'increase' 或 'decrease' 时调整字体大小，并希望设置一个 cookie 以将浏览器的字体大小保存 5-7 天。

jQuery 在这里：

$('.fontInc').on("click", function() {
    // increase current size by 1
    currentSize = parseInt($('body').css('font-size')) + 1;

    if(currentSize <= 20)
        $('body').css('font-size', currentSize);
});

$('.fontDec').on("click", function() {
    // decrease current size by 1
    currentSize = parseInt($('body').css('font-size')) - 1;

    if(currentSize >= 12)
        $('body').css('font-size', currentSize);
});

现在我假设如果我写 $.cookie("saveFontSize", currentSize, {path:'/', expires: 5}); 那么这将保存 'currentSize' 5 天但是一旦你刷新浏览器字体 returns 到默认......

我做错了什么？您需要查看 HTML 吗？

Answer 1

我会说你错过了在页面加载时读取 cookie 的部分。

$(document).ready(function(){
  $('body').css('font-size', $.cookie('saveFontSize'));
}

Answer 2

您的代码应该可以正常工作，但是您似乎没有在页面加载期间设置字体值。

    $(function () {
        var fontSize = $.cookie("saveFontSize");
        if (fontSize) {
            $('body').css('font-size', fontSize + "px");
        }  
    });

请注意，如果缺少 cookie，则字体值将保持不变

需要一个cookie来保存字体的大小

Need a cookie to save the size of the font

javascript

cookies

jquery