2011-02-10 64 views
3

我想创建一个文本大小调整器,它也根据用户选择的网站的字体大小设置一个cookie。它创建的cookie很好,但我似乎无法让它在最初加载页面时调整正文文本的大小。任何帮助,将不胜感激。jquery基于cookie更改字体大小?

的代码是:

var origFont = parseFloat($("body").css("font-size"), 10); 
    var cookieFont = $.cookie("fontSize"); 

    if (!cookieFont) { 
    var curFont = origFont; 
    $("#content").css("font-size", curFont); 
    } else { 
    var curFont = $.cookie("fontSize"); 
    $("#content").css("font-size", curFont); 
    }; 

我使用相同的代码来改变字体大小,当你点击增加/减少,但它不工作了,一旦页面初始加载改变正文。

此外:我只是检查这在IE和它工作正常,但不是在FF,现在检查其他浏览器...

确定这在IE和Opera,但不使用Firefox,Chrome或Sarafi ..

+0

什么是一旦加载网页上触发该调整大小的代码? – 2011-02-10 23:39:59

+0

$(“#content”)。css(“font-size”,curFont); < - 我试图用它来改变加载的内容div中的文本,代码如上,其他代码我没有把关于点击+或 - 按钮 – SoulieBaby 2011-02-10 23:42:40

回答

5

尝试定义一个unit

喜欢的东西

$("#content").css("font-size", curFont + 'px'); 

我在Firefox 3.6测试font-size和它的工作没有单元(FF刚刚追加PX自动如果没有单位),而Chrome浏览器9不无单位工作。

+0

谢谢大声笑,现在的作品。 。不敢相信我没有想过加入px哈哈非常感谢:) – SoulieBaby 2011-02-10 23:45:58