How can I initiate facebook/google+ buttons for view's elements loaded after scrolling?

Grammar correction and I also wanted to mention I'm using the current git snapshot, so all the D7 commits today have been included.

Hi Remon,

I tried several contrib modules that all resulted in the same effect I described above...
http://drupal.org/project/addthis
http://drupal.org/project/fb_social
http://drupal.org/project/sharethis
http://drupal.org/project/google_plusone

So then I decided to try a more direct approach. I inserted the button code directly via a Panel's "Custom Content" pane in the node teaser.

HTML

<div class="g-plusone" data-annotation="inline" data-href="%node:url"></div>
<div class="fb-like" data-href="%node:url" data-send="false" data-width="300" data-show-faces="false"></div>

Javascript

jQuery(document).ready(function($){

	(function() {
		var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
		po.src = 'https://apis.google.com/js/plusone.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	})();
	  
	(function(d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=157084604417019";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));

});

This custom configuration is what you currently see on the live website. I'm not proficient enough with JS to figure out what I'm supposed to do with "Drupal.attachBehaviors". I've been googling around to see if I can find any clues, but any help would be greatly appreciated.

REF: #983738: Call Drupal.attachBehaviors() after a load of new content
REF: http://drupal.org/node/114774#javascript-behaviors

Ok, thanks to help from mkadin in the #drupal-support IRC room I am now using this JS

Drupal.behaviors.socialbuttons = {
	attach: function(context, settings) {
		(function() {
			var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
			po.src = 'https://apis.google.com/js/plusone.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
		})();
	  
		(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id)) return;
			js = d.createElement(s); js.id = id;
			js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=157084604417019";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));	 
	}
 };

The only problem remaining is that the Facebook buttons still don't load on infinite scroll. These changes are live and you can see them here. http://matttucker.onedogdevelopment.com/

Alright, I narrowed it down further. The reason for FB not loading has something to do with the code not being asynchronous . So I googled for "Facebook Like Button asynchronous " and got some jquery code (link: http://daily.siebler.eu/2011/04/facebook-like-button-asynchronous-loadin...). Spliced that suggestion in with my existing Facebook function and bam! everything works.

Working JS

Drupal.behaviors.socialbuttons = {
	attach: function(context, settings) {
		(function() {
			var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
			po.src = 'https://apis.google.com/js/plusone.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
		})();

// Old Facebook Code	  
//		(function(d, s, id) {
//			var js, fjs = d.getElementsByTagName(s)[0];
//			if (d.getElementById(id)) return;
//			js = d.createElement(s); js.id = id;
//			js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=157084604417019";
//			fjs.parentNode.insertBefore(js, fjs);
//		}(document, 'script', 'facebook-jssdk'));	 

//Asynchronous Facebook Code
//Source: http://daily.siebler.eu/2011/04/facebook-like-button-asynchronous-loading-with-jquery/		
		(function() {
			// prevent jQuery from appending cache busting string to the end of the FeatureLoader URL
			var cache = jQuery.ajaxSettings.cache;
			jQuery.ajaxSettings.cache = true;
			// Load FeatureLoader asynchronously. Once loaded, we execute Facebook init 

			jQuery.getScript('http://connect.facebook.net/en_US/all.js#xfbml=1&appId=157084604417019', function() {
			FB.init({appId: 'your_app_id-optional', status: true, cookie: true, xfbml: true});
			});
			// just Restore jQuery caching setting
			jQuery.ajaxSettings.cache = cache;
		})();
	}
 };

The good news is that this solution also works with the LabJS module and core's JS Aggregation.

I don't think this issue is ready to be closed however. It would be great if we could figure out some solution/documentation for getting Views Infinite Scroll to work with these other social modules.

http://drupal.org/project/addthis
http://drupal.org/project/fb_social
http://drupal.org/project/sharethis
http://drupal.org/project/google_plusone

Ok, this solution just stopped working for some unknown reason.