JQuery CSS "+ =" не работает

Question

я это <div>:

<div class="ball" style="top: 1px;"></div> 

Свойство top устанавливается с помощью функции JQuery .css следующим образом:

$(".ball").css({ top : var_top }); 

Однако, когда я пытаюсь увеличить его используя этот синтаксис, он не работает:

$(".ball").css({ top : "+=" + var_top }); 

Я даже три ed в консоли Firebug следующим образом:

$(".ball").css({ top : "+=7px" }); 
$(".ball").css({ top : "+=7" }); 

, но ни то, ни другое не работают.

Answer 1

вы могли бы попробовать это

$(".ball").css({ top : "+=" + var_top + 'px'}); 

ПРИМЕЧАНИЕ: Если.ball имеет position:absolute то его родитель должен иметь position:relative;

И, кажется, что ваш код также working

Answer 2

Я думаю, вы должны получить старое значение, увеличиваем его и чем росчерк:

var topPosition = $(".ball").css('top'); 
topPosition += increment; 
$(".ball").css('top', topPosition);