jquery根据cookie更改字体大小？

Posted 2023-03-06

【中文标题】jquery根据cookie更改字体大小？

【英文标题】：jquery change font-size based on 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);

【参考方案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 中不设置单位是无效的。