Question

I have to load two apis. The YouTube api which calls onYouTubePlayerReady when it has loaded and another api for SoundManager which calls soundManager.onready(...) when it has loaded. I do a lot of stuff in each of these ready functions to prepare the site. However, I also need to know when both have completed so I can do more initialization that require both to be fully loaded. Any idea how to have a function that is called when both of these ready functions are called?

Answer 1

Use a callback for both of them.

var callback = (function(){

    var count = 0;

    return function(){
         count++;
         if(count === 2){
            //both ran and do something
         }
    }

})();

Then in the end of both onloads just do:

callback();

The things in that if statement will only run on the second time this function i s called.

Small fiddle demo: http://jsfiddle.net/maniator/2X8rF/