Using JavaScript’s transitionend event to maintain event control when handling sequential CSS transitions in a PhoneGap app
Filed in: Cordova, javascript, jQuery, PhoneGap
It’s pretty simple to create animations with CSS3′s transition and animation properties. And the ability to hardware accelerate these effects gives you a lot of power to create a PhoneGap app UI with a native feel.
One issue I sometimes run into is firing an event after a transition has completed and/or chaining multiple transitions to occur one after another while keeping event control at the same time. I’m not talking about an overly complex series of animations, I just mean dealing with a couple of a transitions that occur one after another. There are two methods that I use in these situations.
