Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Load jQuery & Facebook asynchronously with LAB.js
<html lang="en" prefix="og: http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head><title>Hello Facebook</title></head>
<body>
<div id="content"></div>
<div id="fb-root"></div>
<script src="/path/to/js/LAB.min.js"></script>
<script>
window.fbAsyncInit = function() {
// jQuery will be loaded due to the LAB.js "wait"
$("#content").html("Welcome!");
FB.init({
appId: YOUR_APP_ID_HERE,
channelURL: '//www.example.com/channel.html', // Channel File
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true, // parse XFBML
oauth: true // enables OAuth 2.0
});
// Additional initialization code here
FB.getLoginStatus(function(response) {
if (response.authResponse) {
// logged in and connected user, someone you know
console.log('you know this user!!');
} else {
// no user session available, someone you don't know
console.log('Howdy Stranger!');
}
});
// END additional initialization
};
// Load the SDK Asynchronously, neither jqueryui NOR facebook will execute until jquery loaded
$LAB.script("//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js").wait().script("//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js").script("//connect.facebook.net/en_US/all.js");
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.