Twitterが提供するJSONファイルをjQueryで解析して、5つのツイートを表示するTwitterフィードを作成しようとしています。ここでjsFiddleを作成しました。
$(document).ready(function () {
var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=Twitter&include_rts=1&count=5";
$.getJSON(k, function (data) {
$.each(data, function (i, item) {
$("#tweetFeed").append("<div class='tweetCloud'><div id='tweetArrow'></div><div id='tweetText'>" + item.text.linkify() + "</div></div>");
});
});
});
ツイートは、jQueryコードによって次のように出力される必要があります。
<div class="tweetCloud">
<div id="tweetArrow"></div>
<div id="tweetText">tweet text</div>
</div>
ツイートのテキストのみを使用する必要があります。
jsFiddleでわかるように、ツイートは表示されません。理由はわかりません。私はjQueryの経験があまりなく、JSONの経験もほとんどないので、これが機能しない理由を誰かが明確に説明してくれることを願っています。
ありがとうございました。