I am having a heck of a time with this. I am using Animisition to load my pages (GitHub) which works fine. I have other animations that are also on the page but I dont want those to run until the Animisition page animation is done. I tried binding a function to the animations
$("body").one("animationend webkitAnimationEnd mozAnimationEnd oAnimationEnd MSAnimationEnd", function() {
setTimeout(function() {
//$('body').chardinJs('start');
console.log('timer');
}, 2000);
});
but this doesnt work. The log happens before the animation is done. At the end of the animation the body
gets a style of opacity:1
. Is there a way to bind a function to that? or check if that whole js file is done running?