首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >需要一个cookie来保存字体的大小

需要一个cookie来保存字体的大小
EN

Stack Overflow用户
提问于 2015-06-26 10:41:01
回答 2查看 1.1K关注 0票数 1

我已经编写了这段代码,当用户点击“增加”或“减少”时调整字体大小,并希望设置一个cookie来保存浏览器的字体大小5-7天。

jQuery在这里:

代码语言:javascript
运行
复制
$('.fontInc').on("click", function() {
    // increase current size by 1
    currentSize = parseInt($('body').css('font-size')) + 1;

    if(currentSize <= 20)
        $('body').css('font-size', currentSize);
});

$('.fontDec').on("click", function() {
    // decrease current size by 1
    currentSize = parseInt($('body').css('font-size')) - 1;

    if(currentSize >= 12)
        $('body').css('font-size', currentSize);
});

现在我假设,如果我编写了$.cookie("saveFontSize", currentSize, {path:'/', expires: 5});,那么这会将“currentSize”保存5天,但是一旦刷新浏览器,字体就会返回到默认的.

我做错了什么?你需要看HTML吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-06-26 11:00:50

我想说你错过了在页面上读饼干的那部分。

代码语言:javascript
运行
复制
$(document).ready(function(){
  $('body').css('font-size', $.cookie('saveFontSize'));
}
票数 1
EN

Stack Overflow用户

发布于 2015-06-26 11:01:30

您的代码应该可以正常工作,但是在页面加载期间似乎没有设置字体值。

代码语言:javascript
运行
复制
    $(function () {
        var fontSize = $.cookie("saveFontSize");
        if (fontSize) {
            $('body').css('font-size', fontSize + "px");
        }  
    });

请注意,如果cookie丢失,则字体值将保持不变。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31071115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档