jQuery Cookie设置属性

Question

我想从两个不同的Cookie中添加两个属性到body标签。

一个用于更改文本大小，另一个用于更改显示的背景图像。

下面的脚本有效，但是当我将背景cookie添加到脚本时，它会覆盖文本大小样式集。

是否可以在document.ready上添加多个属性到body标签，或者有​​更好的方法吗？

$(document).ready(function() {
    if (($.cookie('text-sizer') != null))   {
        $('body').attr("style",$.cookie('text-sizer'));
    }
});

Answer 1

而不是直接访问（和覆盖）'style'属性，而是使用css method。

您的代码看起来就像这样（假设您在'text-sizer'cookie中只有pt / px值）：

$('body').css("fontSize",$.cookie('text-sizer'));

Answer 2

您可以先连接2个cookie，然后将样式设置为正文吗？

类似的东西：

style = $.cookie('text-sizer') + $.cookie('background');
 $('body').attr("style",style);

Answer 3

最好添加或删除类名并使用CSS。

Answer 4

如果您正在使用body标签的style属性来显示背景图像，那么它会覆盖您之前设置的字体大小样式也就不足为奇了。如果您因任何原因与内联样式结合，则需要为所有样式属性属性生成一个字符串，并在查看完所有Cookie后设置该字符串。