[JoeBlade]

Mam animowanego diva i potrzebuję sprawdzić w javascript czy jego animacja dobiegła końca.

Znalazłem działający fragment kodu, który działa dla animowanego buttona po jego kliknięciu.

$(".button").click(function(){
 $(this).addClass("animate");
 $(this).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",
 function(event) {
 // tutaj reszta kodu wywoływana po zakończeniu animacji
 });
});

Ja potrzebuję zmienić fragment tych linijek:

$(".button").click(function(){
 $(this).addClass("animate");

pytanie tylko na co ? Div posiada atrybut id. Druga linijka pójdzie do wywalenia bo nie rozpoczynam animacji po kliknięciu w button. Wystarczy, że podacie mi namiary jak przerobić pierwszą linijkę. W webdevie siedzię sporadycznie.

#webdev

[JoeBlade]

@JoeBlade: zrobiłem coś takiego i niestety funkcja jest zbyt wcześnie wywoływana:

var element = document.getElementById("screenStart");

 element.addEventListener("webkitAnimationEnd", animationend);
 element.addEventListener("oAnimationEnd", animationend);
 element.addEventListener("msAnimationEnd", animationend);
 element.addEventListener("animationend", animationend);

 function animationend() {
 alert("asd"); 
 }

[MegaZU0]

@JoeBlade: dziś w pracy też mieliśmy to wykorzystać na wielopoziomowe menu rozsuwane, ale poszliśmy na prostotę, bo webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend nie jest idealne, ma swoje problemy z divami co nie do końca wykonają transition

[kowalzki]

@JoeBlade: a nie możesz zaanimowac tego metoda animate() i użyć success callback?