Question

I’m implimenting Socialite.js for the first time. [It is a js plugin for loading social media plugins after page load, or whenever] It seems really great but I want to hide the loading plugins and display them after Socialite has done its magic. [opacity 0>1 with css transitions] The documentation says nothing about a callback and I can’t find anything on google.

I would like to know:

• if Socialite has a callback?
• or if it gives a finished event I can listen for?
• or another way to detect if my social plugins [both fb and twitter] are loaded?

Answer 1

It is not documented but can be found by reading source. Callback is called after each individual widget is loaded. If you are using jQuery you could use something like:

Socialite.load(null, null, null, function(target) {
    $(target).hide().fadeIn("slow");
});

Better way would be to hide widgets initially by css and call only:

Socialite.load(null, null, null, function(target) {
    $(target).fadeIn("slow");
});