0

フッターに Twitter ウィジェット スクリプトをロードし、ウィジェットを特定の div 内に配置するにはどうすればよいですか?

<html>
<body>
<!-- html code for the page -->
<script>   
     /* load Twitter widget into div#twitter-widget */
</script>
</body>

Twitter Widgetに慣れていない人のために、そのコードは次のようになります

new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
     background: '#333333',
     color: '#ffffff'
   },
tweets: {
  background: '#000000',
  color: '#ffffff',
  links: '#4aed05'
}
  },
  features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
 }
}).render().setUser('twitter').start();
</script>()

document.ready() を使用して Twitter ウィジェットをロードできますが、

1) スクリプトがフッターにロードされている場合、div#twitter-widget をターゲットにするにはどうすればよいですか
2) 時々これが壊れます

4

2 に答える 2

1

私の理解が正しければ、フッターが読み込まれ、適切なリンクが実装されたら、ウィジェットを実行する必要があります。

フッターのIDが「フッター」だとしましょう。次のようにします。

$("#footer").load(function(){
  $(this).append('<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.THE-URL-TO-YOUR-PAGE" data-text="Check out my latest video!">Tweet</a>');

$.getScript("http://platform.twitter.com/widgets.js"); //This can also be put as a script tag above the body.

twttr.widgets.load(); //If you used the getScript above, you don't need this line
});

これがあなたの質問に答えることを願っています。

ハッピーコーディング！:)

于 2012-06-04T18:06:36.367 に答える
0

<script>js...</script>ウィジェットをレンダリングする要素に貼り付けてみてください。それはそれと同じくらい単純なはずです。

于 2012-05-16T15:29:46.587 に答える