Javascript 动画结束时,如何使用Zepto调用函数?

Javascript 动画结束时,如何使用Zepto调用函数?,javascript,animation,zepto,Javascript,Animation,Zepto,我目前正在使用Zepto和phonegap编写一个应用程序,我需要知道如何在动画结束时调用函数。不幸的是,我无法从给出的示例或文档中真正理解它。到目前为止,我能到的最近的地方是: $('img').anim({ translatex: '500px', translatey: '500px', opacity: 1, complete: alert("Hello!") }, 2, 'linear'); 这将在动画之前触发警报。是否有人知道如何解决此问题,以便警报将在之后触发?回调函数应为ani

我目前正在使用Zepto和phonegap编写一个应用程序,我需要知道如何在动画结束时调用函数。不幸的是,我无法从给出的示例或文档中真正理解它。到目前为止,我能到的最近的地方是:

$('img').anim({ translatex: '500px', translatey: '500px', opacity: 1, complete: alert("Hello!") }, 2, 'linear');

这将在动画之前触发警报。是否有人知道如何解决此问题,以便警报将在之后触发?

回调函数应为anim调用的最后一个参数,您应将警报包装在函数表达式中:

$('img').anim({ 
  translatex: '500px', 
  translatey: '500px', 
  opacity: 1        
}, 2, 'linear', function() { alert("Hello!") } );

另一种可能的帮助是WebKittTransitionEnd-