如何在动画结束时使用Zepto调用函数？

Question

我目前正在使用Zepto和phonegap编写应用程序，我需要知道如何在动画结束时调用函数。不幸的是，我无法从给出的示例或文档中找到它。到目前为止，我能够得到的最接近的是：

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

这将在动画之前触发警报。有谁知道如何解决这个问题，以便在警告之后触发警报？

Answer 1

回调函数应该是动画调用的最后一个参数，你应该将警报包装在一个函数表达式中：

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

Answer 2

另一种可以提供帮助的方法是webkitTransitionEnd - http://www.cuppadev.co.uk/the-trouble-with-css-transitions/