我目前正在尝试在我的网站顶部创建三个链接,当单击锚点时将更改正文字体大小,然后使用 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;
});
});
});
我正在检查变量“字体”是否已保存在会话中,如果是,则更改正文的 css 以将字体大小更改为此存储的变量。我以前有这个工作,但这次似乎有问题。任何人都可以对此有所了解吗?非常感谢!