Twitter 在常規 div 中輸入？

Question

如果你問我，Twitter 的嵌入代碼非常笨重。 看來您必須加載 js 並將 js 嵌入代碼（javascript）放在您想要它的頁面中才能顯示出來。 我想在我的</body>結束之前加載 js，並將 js 腳本也放在那里。 然后，我想在頁面的任何位置放置一個空 div，twitter 提要將顯示在那里。 像<div id='twitter_feed'></div>這樣可以調整 Twitter 給我們的代碼嗎？

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('example').start();
</script>

我的問題不是如何使用不同的工具來呈現提要。 我的問題是如何制作 twitter 提供的上述代碼，並以一種將呈現在我指定的 div 中的方式編寫它。

讀完這篇... http://www.dustindiaz.com/twitter-widget-doc 我發現你可以指定一個ID。

Answer 1

這聽起來像你想要的，使用http://plugins.jquery.com/project/jQuery-Tweets上的 jQuery 推文插件

HTML

<div id="tweets">
</div>

jQuery

 $('#tweets').tweets({
           tweets:4,
           username: "jquery"
  });

---

或使用您當前的小部件http://jsfiddle.net/mazlix/dZ2aP/

<div class="content_up_here">
There's so much stuff here.
</div>
<script>twitterwidget();</script>
<div class="content_down_here">
Lorem and Ipsum sitting in a tree. D O L O R S I T.
</div>

Answer 2

var username = "username";
$.getJSON("http://twitter.com/statuses/user_timeline/"+username+".json?callback=?",
function(data) {  
  function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a href='$1'>$1</a>"); 
  }

  $("#tweet").html(replaceURLWithHTMLLinks(data[0].text));
});

上面的腳本將解析鏈接和用戶名並使它們成為實際鏈接。 您需要做的就是擁有一個 id 為#tweet的 div。 確保也加載 jQuery。 這也只會獲得一條最新的推文。