È anche possibile ascoltare più animazioni CSS3End eventi con jQuery? - jquery, css3, jquery-animate, css-animations

Ho un difficile problema di animazione CSS3 che non so nemmeno come avvicinarmi

c'è <#box> con un'animazione css3 applicata. Al termine dell'animazione, un nuovo evento webkitAnimationEnd aggiunge una nuova classe a <#box> che attiva una seconda animazione, quando termina questa seconda animazione, un altro evento webkitAnimationEnd aggiunge un'altra classe a <#box> che attiva una terza animazione e così via e così via...

Ecco quello che ho finora. Non riuscivo a capire come applicare gli ascoltatori di eventi multipli per diverse animazioni - http://jsfiddle.net/lesballard/uFbUj/15/

È possibile? (Scusate il noob totale qui)

Grazie in anticipo -Les

risposte:

Né è possibile abbonarsi agli ascoltatori che verrebbero attivati ​​solo da animazioni definite da classi css specifiche, né è necessario.

Hai solo bisogno di un singolo listener di eventi, che, una volta attivato, rimuove la classe corrente e ne aggiunge un'altra.

Questo può essere fatto con un semplice meccanismo di accodamento, tutto ciò che serve è un array di nomi di classi e un indice che viene aumentato / diminuito quando viene attivato l'evento di fine dell'animazione.

http://jsfiddle.net/uFbUj/26/