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

Posted 2023-02-22

【中文标题】动画结束时如何使用 Zepto 调用函数？

【英文标题】：How can you use Zepto to call a function when an animation ends?

【发布时间】：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/