/    Sign up×
Community /Pin to ProfileBookmark

bstransition end function not working .

guys check out my code below :

[CODE]$(document).ready(function(){
var el = $(‘#la’)[0]

el.addEventListener(‘transitionend’ , function(){
alert(‘la’);
});
console.log(el);
});[/CODE]

this function is really not working ? . i mean the alert is not showing after the transition .

heres what i am trying to do :

heres the fiddle : [URL=”http://jsfiddle.net/8kt9eefs/1/”]http://jsfiddle.net/8kt9eefs/1/[/URL].

why is the alert not firing . i have used a bit of Jquery for the document load , but my question is about the JS code in that code .

Thank you.

Gautam .

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@gautamz07authorFeb 26.2015 — The problem is i was't using the transition property at all instead i was using the keyframe animation. i need animationend:

$("#block").one('webkitAnimationEnd msAnimationEnd animationend', function(e) {

alert("block has finished moving");

});

$("#block").addClass("tweetanimation");

Works perfect .
×

Success!

Help @gautamz07 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.1,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...