javascript - 动画结束时如何使用 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/