javascript - 添加 Cookie 以维护 jQuery Mobile 页面的字体大小

Question

我正在尝试向此代码添加 cookie 请求，以便在用户更改后在 jQM 页面上保持用户选择的字体大小。以前从未这样做过。有人可以帮我开始吗？

<script>
$(document).ready(function () {
    $(".increaseFont,.decreaseFont").click(function () {
        var type = $(this).val();
        var curFontSize = $('.gridContainer').css('font-size');
        if (type == 'increase') {
            $('.gridContainer').css('font-size', parseInt(curFontSize) + 2);
        } else {
            $('.gridContainer').css('font-size', parseInt(curFontSize) - 2);
        }

    });


});
</script>

一如既往地感谢!

Answer 1

为什么不使用 localStorage 来代替 cookie？它永不过期，并且在 JavaScript 中非常易于使用。使用setItem来存储字体大小:

localStorage.setItem('FontSize', curFontSize);

然后检索另一个页面上的字体大小:

var curFontSize= localStorage["FontSize"];

如果稍后您想删除保存的字体大小:

localStorage.removeItem("FontSize");

以下是有关 localStorage 的一些文档:http://www.w3schools.com/html/html5_webstorage.asp