添加Cookie以在jQuery移动页面中保持字体大小

Add Cookie to Maintain font-size Across jQuery Mobile Pages

本文关键字：字体 以在 Cookie jQuery 移动 添加      更新时间：2023-09-30

我正试图向该代码添加一个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>

一如既往地感谢！

为什么不使用localStorage而不是cookie呢？它永远不会过期，而且在JavaScript中使用起来非常容易。使用setItem存储字体大小：

localStorage.setItem('FontSize', curFontSize);

然后在另一个页面上检索字体大小：

var curFontSize= localStorage["FontSize"];

如果以后要删除保存的字体大小：

localStorage.removeItem("FontSize");

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

我建议jQuery.Cookie使用Javascript和Cookies，否则可能会一团糟。。。https://github.com/carhartl/jquery-cookie

相关文章：