Javascript动画：停止做多跳

Question

我已经使这个角色移动的JavaScript。

一切工作正常，通过绑定到这个字符的keycodes我得到流畅的动画。 我试着用spaceBar绑定跳转。

问题 -

我的性格是很好的跳跃，但多times.I尝试添加event.preventDefault() 但是，这并没有这样做把戏。

我只需要一次平滑跳转就可以按spaceBar。

这里是跃升 -

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

代码和fiddle-

Moving character

Answer 1

添加动画，倒回去（倒在地上，我想你可以称呼它）成先前动画的完成参数：

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

此处是个JSFiddle

Answer 2

你要使用jQuery的.clearQueue()功能（http://api.jquery.com/clearQueue/）

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

为了您refence：http://jsfiddle.net/FGPCC/

Answer 3

这是否把戏对我来说：

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