jQuery的 - 如何在數學動畫

Question

我的JavaScript代碼：

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

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

爲什麼不能它正常工作？

Answer 1

您正在添加字符串並將marginLeft設置爲1020而不是30。

Answer 2

因爲你已經在你的變量聲明中引用了數字，所以你讓它們變成了字符串。這使得a+b =`1020

現在您可能還有問題，您的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'