Twitter-feed mit jQuery

Ich versuche, mich ein twitter-feed, der zeigt, 5 tweets durch die Verwendung von jQuery Parsen einer JSON-Datei, zur Verfügung gestellt von twitter. Ich habe jsFiddle hier.

$(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>");
        });
    });
});

Die tweets müssen ausgegeben, die durch den jQuery-code in der folgenden Weise:

<div class="tweetCloud">
<div id="tweetArrow"></div>
<div id="tweetText">tweet text</div>
</div>

Nur den text des tweets verwendet werden müssen.

Wie Sie sehen können, in der jsFiddle, werden keine tweets angezeigt werden, und ich weiß nicht, warum. Ich habe nicht viel Erfahrung mit jQuery, und praktisch niemand mit JSON, also ich hoffe mir kann jemand eine klare Erklärung, warum diese nicht funktioniert.

Danke.

  • Haben Sie sichergestellt, dass Sie sind eigentlich immer die tweets von Twitter, die Sie versuchen, anzuzeigen? (Wenn nicht, das würde erklären, warum keine angezeigt werden...)
  • Juni 2013, Twitter bietet nicht mehr öffentlich JSONP-feeds. Sie müssen erstellen Sie ein widget mit Ihren tools, aber Sie können das Erscheinungsbild anpassen ein bisschen.
InformationsquelleAutor Michaël van de Weerd | 2013-03-24
  1. 4

    Ihren code nicht mit JSONP und deshalb verweigert wird, um cross-domain-Beschränkungen. Ich habe geändert, die Anfrage und es funktioniert jetzt. Hier ist der code und hier ist die Geige

    $(document).ready(function () {

    var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=Twitter&include_rts=1&count=5&jsoncallback=";

    $.ajax({
        dataType: 'jsonp',
        url: k,
        success: function (data) {
            $.each(data, function (i, item) {
                $("#tweetFeed").append("<div class='tweetCloud'><div id='tweetArrow'></div><div id='tweetText'>" + item.text + "</div></div>");
            })
        }
    });
});

    Ihre imgur link in der CSS 404 ' Ing, so sagte ich, dass aus. Auch linkify() ist nicht eine Methode. Vielleicht haben Sie vergessen, link einige weitere Bibliothek. Schließlich, Ihr link zu der droid-schriftart wurde falsch eingebettet auf jsfiddle.

    • Danke, das funktioniert Super!
    • Neue Twitter-API benötigt oAuth-Token-Schlüssel. Zuerst müssen Sie die consumer-und consumer-secret-keys. Bekommen Sie von dev.twitter.com/apps.This wird jetzt nicht mehr arbeiten.
    InformationsquelleAutor ryan
Schreibe einen Kommentar