jquery Cookie 和 CSS

Question

我有一个脚本可以更改特定 div 的字体大小。我添加了 cookie 函数来存储值，以便下一页将以新大小显示文本。我知道 cookie 带有值，但是如何让新页面将字体大小更改为新值？

这是我的脚本:

<script type="text/javascript">
    $(document).ready(function(){

        var fSize = $.cookie('fSize');
        if (fSize) {
            $('html').css('font-size', fSize);
            var originalFontSize = fSize;
        } else {

        }

        $(".resetFont").click(function(){
            $('html').css('font-size', originalFontSize);
          $.cookie('fSize', originalFontSize, { path : '/' });

        });

        // Increase Font Size
        $(".increaseFont").click(function(){
            var currentFontSize = $('html').css('font-size');
            var currentFontSizeNum = parseFloat(currentFontSize, 10);
            var newFontSize = currentFontSizeNum*1.1;
            $('html').css('font-size', newFontSize);
            $.cookie('fSize', newFontSize, { path : '/' });
            return false;
        });

        // Decrease Font Size
        $(".decreaseFont").click(function(){
            var currentFontSize = $('html').css('font-size');
            var currentFontSizeNum = parseFloat(currentFontSize, 10);
            var newFontSize = currentFontSizeNum/1.1;
            $('html').css('font-size', newFontSize);
            $.cookie('fSize', newFontSize, { path : '/' });
            return false;
        });
    });

</script>

Answer 1

您在函数中使用了 parseFloat()。这会删除 px(或您用来定义字体大小的任何内容)并且您永远不会将其添加回去。

尝试类似的东西

$('html').css('font-size', fSize + 'px');