jQueryの - どのように数学的なアニメーションでは、

Question

私のJavaScriptコード：

var a = '10', 
    b = '20'; 

$("#block").animate({ 
    marginLeft: a + b 
}, 500); 

なぜそれが正常に動作しないのですか？

Answer 1

文字列を追加すると、marginLeftが30の代わりに1020に設定されます。

Answer 2

変数宣言の数値の前後に引用符があるので、文字列にしています。これにより、marginLeftにユニット宣言（例：px）が必要であるという問題が発生することがあります。

ですから、$("#block").animate({ 'marginLeft': (parseInt(a)+parseInt(b))+'px'}, 500);

Answer 3

これを見てください持っている必要があります。

string + string = string 
'10' + '20' = '1020' 

number + number = number 
10 + 20 = 30 

string - (-string) = number 
'10' - (-'20') = 30 

number + string = string 
10 + '20' = '1020'