页面刷新后asp.net mvc5设置字体大小答案

【问题标题】：asp.net mvc5 set font size after page refresh页面刷新后asp.net mvc5设置字体大小
【发布时间】：2016-07-13 17:05:08
【问题描述】：

在我的网页上，我有两个按钮来增加或减少字体大小，在页面刷新后，尽管使用会话/本地存储，但字体大小会回到 <body> 默认大小，我在剃须刀上调用此脚本html页面：

$(document).ready(function () {
    
    if (sessionStorage.fontSize) {
        alert(sessionStorage.getItem("FontSize"));
        $('body').css("font-size", sessionStorage.getItem("FontSize"));

    }
        $(".font-button").bind("click", function () {
            var size = parseInt($('body').css("font-size"));
            
            if ($(this).hasClass("plus")) {
                
                size = size + 2;
                if (size >= 27) {
                    size = 27;
                }
            }
            else {
                size = size - 2;
                if (size <= 10) {
                    size = 10;
                }
            }
            $('body').css("font-size", size);
            sessionStorage.setItem("FontSize", size)
        });
    });

就像那条线

 $('body').css("font-size", sessionStorage.getItem("FontSize"));

刷新页面后会被忽略...

我希望有人可以帮助我。

ps：这对我不起作用： How to keep font size always 150% after page refresh or open page again?

【问题讨论】：

不应该是if (sessionStorage.getItem("FontSize")) {而不是if (sessionStorage.fontSize) {吗？
是的，但是在这两种情况下都输入了该部分，我通过警告消息证明了这一点

标签： javascript asp.net-mvc-5

【解决方案1】：

你需要添加一个单位，即px

$(document).ready(function () {

    if (sessionStorage.fontSize) {
        alert(sessionStorage.getItem("FontSize"));
        $('body').css("font-size", sessionStorage.getItem("FontSize"));

    }
    $(".font-button").bind("click", function () {
        var size = parseInt($('body').css("font-size"));

        if ($(this).hasClass("plus")) {

            size = size + 2;
            if (size >= 27) {
                size = 27;
            }
        }
        else {
            size = size - 2;
            if (size <= 10) {
                size = 10;
            }
        }
        $('body').css("font-size", size + 'px');           /* added unit */
        sessionStorage.setItem("FontSize", size + 'px')    /* added unit */
    });
});

【讨论】：