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'