Wie kann ich dynamisch erstellen Sie einen tweet-button?

Ich bin derzeit versuchen zu erstellen einen tweet-button mit der horizontal count-Funktion dynamisch:

JavaScript

var twitter = document.createElement('a');
twitter.setAttribute('href', 'http://twitter.com/share');
twitter.setAttribute('class', 'twitter-share-button twitter-tweet');
twitter.setAttribute('data-url','http://mindcloud.co.uk/idea/?idea=' + this.id);
twitter.setAttribute('data-count', 'horizontal');
twitter.setAttribute('data-via', 'jtbrowncouk');
twitter.style.top = '20px';
twitter.style.left = '300px';
twitter.innerHTML = "Tweet";

Das problem das ich habe ist, dass der button angezeigt wird, wie ein text-link, nicht als eine Schaltfläche mit der horizontal count box.

Habe ich einen facebook button auf die gleiche Weise, und das funktioniert auch richtig, aber damit es funktioniert, ich verwende die folgenden:

JavaScript

var facebook = document.createElement('fb:like');
facebook.setAttribute('id', 'like'+this.id);
facebook.setAttribute('href', 'http://mindcloud.co.uk/idea/?idea=' + this.id);    
facebook.setAttribute('layout', 'button_count');
facebook.setAttribute('send', 'false');        
facebook.setAttribute('width' , '300');
facebook.setAttribute('font', '');
facebook.setAttribute('show_faces', 'true');
facebook.style.top = '0px';
facebook.style.left = '300px';

mithilfe der folgenden:

FB.XFBML.parse();

analysieren und zeichnen Sie die-Taste. FB.XFBML.parse() kommt aus
http://connect.facebook.net/en_US/all.js

Wenn ich den Tweet-button statisch im inneren ein .html-Datei funktioniert es einwandfrei. Ich bin auch der folgende script in meine index Seite, wo der tweet-button soll dynamisch erstellt werden:

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Wenn Sie sehen können, was mache ich falsch bitte informieren Sie mich!

Folgende Abbildung gibt eine visuelle Erklärung, um was geht falsch mit dem tweet-button!

Lösung:

Habe ich es nun geschafft das problem zu lösen. Das problem, das ich vorstellen möchte, ist, dass die twitter-Skript ausgeführt wird, die auf Last, und nicht als re-run bei der Erstellung des Elements.

mit den folgenden jQuery-funktioniert einwandfrei!

$.getScript("http://platform.twitter.com/widgets.js");

InformationsquelleAutor der Frage Jack | 2011-08-08