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

【问题标题】：How can you use Zepto to call a function when an animation ends?动画结束时如何使用 Zepto 调用函数？
【发布时间】：2012-02-08 06:13:33
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

在这里提供帮助的另一种可能性是 webkitTransitionEnd - http://www.cuppadev.co.uk/the-trouble-with-css-transitions/

【讨论】：