jQuery的CSS 「+ =」 不工作

Question

我有這個<div>：

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

的top屬性使用jQuery的功能.css像這樣設置：

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

然而，當我試圖增加它使用這種語法，它不起作用：

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

我甚至三編輯它在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);