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

我编写了这段代码，当用户单击“增加”或“减少”时，它会调整字体大小，并希望设置一个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天，但是一旦刷新浏览器，字体就会恢复为默认值...

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

最佳答案

我想说您缺少在页面加载中读取Cookie的部分。

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