如何在動畫結束時使用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/