É ainda possível ouvir vários eventos CSS3 AnimationEnd com jQuery? - jquery, css3, jquery-animate, css-animations

Eu tenho um problema difícil de CSS3 Animation que eu nem sei como abordar

existe <#box> com uma animação css3 aplicada. Quando esta animação termina, um novo evento webkitAnimationEnd adiciona uma nova classe a <#box> que aciona uma segunda animação, quando esta segunda animação termina, outro evento webkitAnimationEnd adiciona outra classe a <#box> que aciona uma animação 3 e assim por diante e assim por diante...

Aqui está o que eu tenho até agora. Eu não conseguia descobrir como aplicar os ouvintes de vários eventos para diferentes animações - http://jsfiddle.net/lesballard/uFbUj/15/

Isso é possível? (Desculpe total noob aqui)

Thx adiantado -Les

Respostas:

Também não é possível subscrever ouvintes que só seriam acionados por animações definidas por classes css específicas, nem é necessário.

Você só precisa de um único ouvinte de evento, que, quando disparado, remove a classe atual e adiciona outro.

Isso pode ser feito com um mecanismo simples de enfileiramento, tudo o que você precisa é de uma matriz de nomes de classes e um índice que está sendo aumentado / diminuído quando o evento final da animação é acionado.

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