Question

我编写了这段代码，当用户点击“增加”字体时会调整字体大小。或者＆＃39;减少＆＃39;并想设置一个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});，那么这将保存＆＃39; currentSize＆＃39; 5天但是一旦刷新浏览器，字体就会返回默认值...

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

Answer 1

我说你错过了在pageload上读取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来保存字体的大小

2 个答案: