Je dokonca možné počúvať viacero udalostí CSS3 AnimationEnd s jQuery? - jquery, css3, jquery-animate, css-animácie

Mám ťažké CSS3 animácie problém, ktorý som ani neviem, ako sa priblížiť

tam je <#box> s css3 animácie aplikované. Keď sa táto animácia skončí, nová udalosť webkitAnimationEnd pridá novú triedu do <#box>, ktorá spustí druhú animáciu, keď táto 2. animácia skončí, ďalšia udalosť webkitAnimationEnd pridá ďalšiu triedu <#box>, ktorá spustí tretiu animáciu a tak ďalej a tak ďalej...

Tu je to, čo som dosiaľ nemohol pochopiť, ako aplikovať viac poslucháčov udalostí pre rôzne animácie - http://jsfiddle.net/lesballard/uFbUj/15/

Je to dokonca možné? (Prepáčte celkom noob tu)

Thx vopred -les

odpovede:

Ani nie je možné prihlásiť sa na odber poslucháčov, ktoré by boli spustené iba animáciami definovanými špecifickými triedami css, ani nie je potrebné.

Potrebujete iba jedného poslucháča udalosti, ktorý pri spustení odstráni aktuálnu triedu a pridá ďalšiu.

Môžete to urobiť jednoduchým mechanizmom na zaradenie do fronty, všetko, čo potrebujete, je pole názvov tried a index, ktorý sa zvyšuje / znižuje po spustení udalosti konca animácie.

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