jquery - 在网站上保存用户偏好？

Question

我正在建立一个 wordpress 网站，我想让读者能够更改布局和字体（有些人更喜欢使用衬线/无衬线来阅读）和文本大小。

虽然真的不喜欢要求用户注册，但这只会增加我目前正在做的事情的另一层复杂性，所以数据库的东西已经出来了。由于不同的设置是如此基本，我认为也许可以用 cookie 完成一些事情？

尽管我可以找到有关如何实际操作的宝贵信息。

所以，假设我有一个向元素添加类的函数，在页面重新加载后如何为用户保存它？

Answer 1

您可以使用此插件http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/切换样式表，当用户选择主题时，您可以将主题的名称存储在 cookie 中。http://www.w3schools.com/js/js_cookies.asp然后在页面重新加载时检索名称并加载该样式表。

这是一个使用示例cookies

http://jsfiddle.net/btevfik/f7mXV/

我将两个事件处理程序绑定到两个按钮，并获取存储字体的 cookie。并将字体设置为存储的 cookie。

 $(document).ready(function () {

     $("#button1").click(function () {
         setFont('serif')
     });
     $("#button2").click(function () {
         setFont('sans-serif')
     });

     var font = getCookie("username");
     $("body").css("font-family", font);
 });

事件处理程序调用此函数以使用选定字体设置 cookie 并更改当前字体。

 function setFont(font) {
     setCookie("username", font, 365);
     $("body").css("font-family", font);
 }