Skip to content


Subversion checkout URL

You can clone with
Download ZIP
jQuery Facebook Helper
Branch: master

jQuery Facebook Helper

This is a simple jQuery plugin that helps you add the Facebook Javascript SDK to your site asynchronously. It also allows you to to use jQuery events to run code before and after the Facebook's code is initialized.

To add the Facebook Javascript SDK to your site simply call the following Javascript somewhere in your document:


If you want to use the events simply add handles to either the fb:initializing or fb:initialized events.

$(document).on('fb:initializing', function() { 
  // Do something before FB.Init is called

$(document).on('fb:initialized', function() {
  // Do something after FB.Init is called

The benefit of this library is that it you can add the initialization code in a single place in your app (such as a layout or master page) and then use the jQuery events to run the appropriate code on specific pages. For example, on your login page you may want to do something like this:

$(document).ready(function() {
  // Add the function to run after FB is initialized
    $(document).on('fb:initialized', function() {

function fbAuthStatusChange(request) {
    // Do something

You can also override the default settings of the Facebook initialization method by passing in an options argument.

$(document).fb('yourappid', {
    status  : true, 
    cookie  : true,
    xfbml   : true,
    oauth   : true
Something went wrong with that request. Please try again.