javascript - Javascriptアニメーション：複数のジャンプをやめる

Question

このキャラクターをjavascriptで動かしました。

キーコードをこのキャラクターにバインドすることで、すべてが正常に機能しています。スムーズなアニメーションが得られました。でジャンプをバインドしてみましspaceBarた。

問題-

私のキャラクターはうまくジャンプしていますが、何度もジャンプしています。追加してみましたが、うまくいきevent.preventDefault() ませんでした。

スペースバーを1回押すだけでスムーズにジャンプしたい。

これがジャンプのコードです-

if(spaceBar)
    {
        box.animate({top:"-50"},100)
        .animate({top:"50"},100);
        event.isDefaultPrevented();
    }

そしてフィドル-

score 0 · Accepted Answer

下に戻るアニメーションを追加します (地面に落ちる、私はあなたがそれを呼び出すことができると思います) を前のアニメーションの完了パラメーターに追加します。

if(spaceBar)
{
    box.animate({top:"-50"},100,function(){
        box.animate({top:"50"},100);
    })
    event.isDefaultPrevented();
}

score 0 · Accepted Answer

.clearQueue()jQuery の関数 ( http://api.jquery.com/clearQueue/ )を使用する必要があります。

if(spaceBar)
{
    box.clearQueue().animate({top:"-50"},100).animate({top:"50"},100);
}

score 0 · Accepted Answer

これは私にとってはうまくいきます：

if(spaceBar)
{
    box.clearQueue().animate({top:"-=50"},100).animate({top:"+=50"},100);
}

3 に答える 3