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);