使用jCookie存储CSS字体大小

时间:2012-09-27 13:43:35

标签: jquery css

我目前正在尝试在我的网站顶部创建三个链接,这些链接会在单击一个锚点时更改正文字体大小然后使用jCookie进行存储,这样当用户登录时字体大小会保持为所选的大小回到页面。

这是我已经拥有的: 我的链接:

<ul id="fonts">
    <li><a href="#" id="normal" rel="100%">Normal</a></li>
    <li><a href="#" id="large"  rel="110%">Large</a></li>
    <li><a href="#" id="largest"rel="120%">Largest</a></li>
</ul>

这是我的jQuery:

  jQuery(document).ready(function(){    
       if(jQuery.cookie("font")) {
          jQuery("#all").css("font-size", jQuery.cookie("font"));
       }

       jQuery('#csschange li a').click(function() {
          jQuery("link.changeme").attr("href", jQuery(this).attr('rel'));
             jQuery.cookie("css",jQuery(this).attr('rel'), {expires: 365, path: '/'});
                    return false;
          });
       });
   });

我正在检查变量“font”是否已保存在会话中,如果是,则更改正文的css以将字体大小更改为此存储变量。我以前有这个工作,但这次似乎有问题。 任何人都可以对此有所了解吗? 非常感谢!

0 个答案:

没有答案