Come si può utilizzare Zepto per chiamare una funzione quando un animazione finisce?

Question

Attualmente sto scrivendo un'applicazione utilizzando Zepto e PhoneGap, e ho bisogno di sapere come chiamare una funzione quando un animazione estremità. Purtroppo, non posso davvero capire dagli esempi dati o della documentazione. Finora, la più vicina sono stato in grado di venire a dire:

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

Il che farà scattare l'allarme prima che l'animazione. Qualcuno sa come risolvere questo problema in modo che l'allarme attiverà dopo?

Answer 1

La funzione di callback deve essere l'ultimo parametro della chiamata Anim e si dovrebbe avvolgere l'avviso in un'espressione di funzione:

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

Answer 2

Un altra possibilità di aiuto qui è webkitTransitionEnd - http: // www.cuppadev.co.uk/the-trouble-with-css-transitions/