Question

我正在尝试创建一个文本大小调整器，它还根据用户选择的网站字体大小来设置cookie。它可以很好地创建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 ..

Answer 1

尝试定义unit。

像

这样的东西

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

我在Firefox 3.6中测试font-size并且它在没有单元的情况下工作（如果没有单元，FF只会自动附加 px ），而Chrome 9在没有单元的情况下无效。

Answer 2

你错过了+“px”

在此处查看工作演示：

http://jsbin.com/ufetu5/2/edit

jquery基于cookie更改字体大小？

2 个答案: