Twttr.events.bind function making Tweet button disappearing when multiple tweet buttons are present on a same page when refreshing (only with IE7/8 browser)


#1

Hello,

there is a strange behaviour with the Tweet button when multiple buttons are on the same page and we try to refresh the page with IE7/8.
On the first load, all 4 buttons are rendered, but if you refresh the page (by pressing F5), the first Tweet button disappears. If you refresh the page pressing Enter in your address bar navigation, it works, but not if you refresh by pressing F5.

It’s due to the call of the twttr.events.bind function because, without it, the 4 buttons are always rendered when refreshing the page.
It’s works fine with others browser, only bugs with IE7/8

How can we fix it ?

Here a sample to test it :

<!DOCTYPE html>
<html>
	<head>
	    <script>
	    	window.twttr = (t = { _e: [], ready: function(f) { t._e.push(f); } });
		    window.twttr.ready(function(twttr){
				//console.log("READY");				
				twttr.events.bind('click', function(){
					//console.log("EVENT CLICK");	
				});
			});
	    </script>
	</head>
	<body>
		<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://tweeter.com">Tweet</a>
		<br><br><br><br>
		<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://lemonde.fr">Tweet2</a>
		<br><br><br><br>
		<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://yahoo.fr">Tweet3</a>
		<br><br><br><br>
		<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://google.fr">Tweet4</a>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	</body>
</html>

#2

Some help ?


#3

Some news ???!!!


#4