我编写了这段代码,当用户单击“增加”或“减少”时,它会调整字体大小,并希望设置一个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'));
}

09-11 13:37