jquery根据cookie更改字体大小？答案

【问题标题】：jquery change font-size based on cookie?jquery根据cookie更改字体大小？
【发布时间】：2011-06-25 05:45:31
【问题描述】：

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

【问题讨论】：

页面加载后触发大小调整的代码是什么？
$("#content").css("font-size", curFont);

标签： jquery css cookies font-size

【解决方案1】：

您缺少 +"px"

在此处查看工作演示：

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

【讨论】：

【解决方案2】：

尝试定义unit。

有点像

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

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

【讨论】：

谢谢你，哈哈，现在可以工作了.. 不敢相信我没有考虑添加 px 哈哈非常感谢 :)
+1 是的，jQuery 只是按原样设置值，在 CSS 中不设置单位是无效的。