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

而不是直接訪問（和覆蓋）的 '風格' 屬性，使用替代css method。

您的代碼應該是這樣的，然後（假設你剛剛在「文本尺寸調整器」的cookie的Pt /像素值）：

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

Answer 2

你可以連接2個餅乾然後設置樣式爲正文嗎？

類似：

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

Answer 3

你最好不要添加或刪除類名和使用CSS。

Answer 4

如果您正在使用body標籤的style屬性來顯示背景圖像，那麼覆蓋之前設置的字體大小樣式並不奇怪。如果您出於某種原因與內嵌樣式結合，則需要爲所有樣式屬性屬性生成一個字符串，並在查看所有Cookie後進行設置。