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

而且您的代码似乎也在工作

Answer 2

我认为你必须检索旧值，增加它然后重新分配它：

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