Твиттер с помощью JQuery - публикация 3 последних твитов в разные разделы - PullRequest
Новая
       27

Твиттер с помощью JQuery - публикация 3 последних твитов в разные разделы

1 голос
/ 27 июля 2011

Я пытаюсь создать твиттер-ленту для своего веб-сайта, однако хочу отобразить 3 самых последних твита, но с разными ссылками.

У меня есть этот код здесь ... Я установил 3 переменные с целями для отдельных классов, где будет храниться каждый твит.

Моя главная проблема - как хранить данные для каждого твита (i) в цикле. но это не работает ... может кто-нибудь сказать мне, где я не так с этим? Приветствия 

$(document).ready(function() {
    // Call the Twitter API to retrieve the last 3 tweets in JSON format for the pcpro Twitter account
    $.getJSON("http://twitter.com/statuses/user_timeline.json?screen_name=allaboutjames&count=3&callback=?", function(tweetdata) {      

        var t1 = $("#work-thumbs .tweet-1");
        var t2 = $("#work-thumbs .tweet-2");
        var t3 = $("#work-thumbs .tweet-3");

        // For each item returned in tweetdata
        $.each(tweetdata, function(i,tweet) {
            // Append the info in li tags to the ul, converting any links to HTML <a href=.. code and convert the tweeted date
            // to a more readable Twitter format
            t(i).append("<li>&ldquo;" + urlToLink(tweet.text) + "&rdquo;&ndash; " + relTime(tweet.created_at) + "</li>");
        });
    });
});

1 Ответ

1 голос
/ 27 июля 2011

t(i) не будет работать. Попробуйте вместо этого: 

$(document).ready(function() {
    // Call the Twitter API to retrieve the last 3 tweets in JSON format for the pcpro Twitter account
    $.getJSON("http://twitter.com/statuses/user_timeline.json?screen_name=allaboutjames&count=3&callback=?", function(tweetdata) {      
        // For each item returned in tweetdata
        $.each(tweetdata, function(i,tweet) {
            // Append the info in li tags to the ul, converting any links to HTML <a href=.. code and convert the tweeted date
            // to a more readable Twitter format
            $("#work-thumbs .tweet-"+(1+i)).append("<li>&ldquo;" + urlToLink(tweet.text) + "&rdquo;&ndash; " + relTime(tweet.created_at) + "</li>");
        });
    });
});

Также обратите внимание, что jQuery $.each() заполняет i indexInArray (начиная с 0).

...