Question

在我的网页上，我有两个按钮来增加或减少字体大小，页面刷新后字体大小恢复到<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?

Answer 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 */
    });
});

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

1 个答案: