jquery - jQuery css "+=" が機能しない

Question

私はこれを持っています<div>：

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

プロパティは、次のようにtopjQuery 関数を使用して設定されます。.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);