jquery 根据 cookie 更改字体大小?

标签 jquery css cookies font-size

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

最佳答案

尝试定义一个 unit .

有点像

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

我在 Firefox 3.6 中测试了 font-size,它在没有单位的情况下也能正常工作(如果没有单位,FF 只是自动附加 px),而 Chrome 9 不工作没有单位。

关于jquery 根据 cookie 更改字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4963985/

相关文章:

javascript - 如何定位所有输入文本和密码值?

html - 默认浏览器 CSS 未被覆盖

wordpress - Polylang 字符串翻译中只有一种语言

php - 使用 cookie 维护 PHP session_start()

javascript - 表单不断获取提交事件而无需按提交按钮

javascript - JQuery 添加 <body> 类,需要更多帮助

javascript - 在 React 中覆盖 css 类

CSS scrollabr 没有出现(溢出-y)

javascript - 将服务器移动到 CORS 位置时 Passport/Express session 身份验证中断

jquery - 前端代码的 BDD?