Question

我正在尝试向此代码添加cookie请求，以便在更改jQM页面后维护用户在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

Answer 2

我建议使用jQuery.Cookie来处理Javascript和Cookies，否则会很乱...... https://github.com/carhartl/jquery-cookie

添加Cookie以保持jQuery Mobile Pages的字体大小

2 个答案: