Как я могу динамически создать кнопку твита?

В настоящее время я пытаюсь динамически создать кнопку твита с функцией горизонтального подсчета:

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";

Проблема i Я имею в виду, что кнопка отображается как текстовая ссылка, а не как кнопка с горизонтальным полем счетчика.

Я создал кнопку facebook таким же образом, которая работает правильно, но чтобы она работала, я используйте следующее:

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';

, используя следующее:

FB.XFBML.parse();

, чтобы проанализировать и нарисовать кнопку. FB.XFBML.parse () происходит от http://connect.facebook.net/en_US/all.js

Когда я создаю кнопку Tweet статически внутри файла .html, она работает правильно. Я включаю следующий сценарий на свою индексную страницу, где кнопка твита должна создаваться динамически:


Если вы видите, что я делаю неправильно, сообщите мне!

На следующем снимке экрана показано, что не так с кнопкой твита! Tweet button not displaying correctly.

Решение:

Теперь мне удалось решить проблему. Проблема, которую я представляю, заключается в том, что сценарий twitter работает при загрузке и не запускается повторно при создании элемента.

использование следующего jQuery работает правильно!

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

14
задан Jack 11 March 2012 в 21:40
поделиться