JavaScript字体大小的c​​ookie

Question

我对JavaScript有点陌生。 我创建了一个可以更改字体大小的函数，并且我希望将字体大小保存在cookie中，以便用户不必每次都更改它。 但是我还没有cookie的一部分。

我正在使用以下库：jQuery JavaScript Library v1.11.1和https://developer.mozilla.org/en-US/docs/Web/API/document.cookie

function change_size(element, size) {
var new_size;
var current = parseInt(docCookies.getItem("FontSize"));
if (current !== "") {
    current = parseInt(element.css('font-size'));
}
if (size === 'smaller') {
    if (current > 12) {
        new_size = current - 2;
    }
}
else if (size === 'bigger') {
    if (current < 22) {
        new_size = current + 2;
    }
}
element.css('font-size', new_size + 'px');
docCookies.setItem("FontSize", num.toString(new_size), Infinity);
}

$('#smaller').click(function() {
    change_size($('p'), 'smaller');
});

$('#bigger').click(function() {
    change_size($('p'), 'bigger');
});

Answer 1

更改此行

docCookies.setItem("FontSize", num.toString(new_size), Infinity);

至

docCookies.setItem("FontSize", new_size, Infinity);

您没有任何num变量。

同样不要忘记在页面加载时设置新的字体大小：

var fontSize = docCookies.getItem("FontSize");
if (fontSize) {
    $('p').css('font-size', fontSize + 'px');
}

演示： http ： //jsfiddle.net/q56wkorw/