2011-12-11 22 views
8

奇妙な小さな鼻水。私は変数を使用してテキストのサイズを変更するためにjQueryの.css()メソッドを使用しています。これをemに追加する必要があります。 CSSの変更に複数の値があるため、構文が何であるか分かりません。変数と複数の値を持つjQueryの.css()関数

例:

これは完全に機能します。それは、victoreの計算値にemを追加します。

$('h1').css('font-size', victore + 'em'); 

これはしません:

$('h1').css({ 
    'font-size':victore + 'em', 
    'line-height':vignelli + 'em'; 
}); 

emは引用符を必要とする...しかし、その価値はありません。

+2

最新の編集では、最後の 'em'の後に'; 'を削除する必要があります。 – ThinkingStiff

答えて

17

を動作しませんでした括弧でそれをラップするとあなたは全部引用符で囲む必要はありません。

$('h1').css({ 
    'font-size': victore + "em", 
    'color':'red' 
}); 
+0

gotcha。コードをコピーしたときに間違いを犯しました。上の編集を参照してください..それは私のコードを破る。 – technopeasant

+1

コメントに指摘されているように、ここには存在してはいけないセミコロンがあります。 –

0

フォントサイズの値は文字列であることが要求されますが、その文字列は結果であってもよいですあなたのケースでは、victore + 'em'は適切な文字列になります。

$('h1').css({ 
    'font-size': victore + 'em', 
    'color': 'red' 
}); 
0

ここにはfiddleがあります。

$('h1').css({ 
    'font-size':victore + "em", 
    'color':'red' 
}); 
+0

ああ、私は参照してください。私はコードをコピーしたときに間違いを犯しました..編集されたポストを見てください。あなたのフィドルとダイスで試してください。 – technopeasant

+0

@technopeasant、[updated fiddle](http://jsfiddle.net/sPEVs/1/)を参照してください。この例ではemの代わりにピクセルを使用しました。編集:ここに 'em'のバージョンがあります:http://jsfiddle.net/sPEVs/2/ – FakeRainBrigand

関連する問題