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

我正在尝试向此代码添加cookie请求，以便在更改jQM页面后维护用户在jQM页面上选择的字体大小。 从来没有这样做过。 任何人都可以让我开始吗？

 $(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); } }); });  

一如既往地谢谢！

Answer 1

而不是cookie，为什么不使用localStorage？ 它永远不会过期，并且在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