0

我有一个复选框表单,可让用户选择一个或多个 Twitter 时间线来显示。现在,时间线成批出现(即,来自第一个时间线的所有推文,然后是来自第二个时间线的所有推文,依此类推)。我想在输出之前将所有收集的推文分类为一个年表。

这是一个 JS 小提琴:http: //jsfiddle.net/brianeoneill/z9cuP/2/

$('input[type=submit]').on('click', function(e){

    // prevent default behavior of the submit button
    e.preventDefault();

    // empty the div with ID of tweets
    $('#tweets').empty();

    // perform a function on all of the checked boxes
    $(':checkbox:checked').each( function(){

    var twitterID = $(this).attr('data');

    // use the "data" attribute to build the query string for getJSON
    $.getJSON( 'http://api.twitter.com/1/statuses/user_timeline/'+twitterID+'.json?callback=?', null, function(data){

    // create an empty ul
    var tweetList = $('<ul id="tweets-list">');

    // for each JSON object returned, parse it into an li
    $.each(data, function(i, tweet){
        var item  = $('<li class="'+i+'">');
        var name  = $('<h2>').text(tweet.user.name);
        var date  = $('<small>').text(tweet.created_at);
        var img   = $('<img>').attr('src', tweet.user.profile_image_url);
        var msg   = $('<p>').text(tweet.text);
        item.append(img,name,date,msg);

        // add the li to the empty tweetList ul
        tweetList.append(item);

    }); // end of JSON parse function

  // SORT BEFORE SENDING TO DOM

  $('#tweets').append(tweetList);

我尝试创建一个 li 数组,然后按 Twitter 时间戳对它们进行排序,但我总是以一个空数组结束。很明显我错过了一些东西。

提前致谢!

4

1 回答 1

2

提示:所有推文 ID 都是按时间升序生成的。不管一条推文来自谁的时间线,甚至可以是混合时间线,如果您按其 ID 对推文进行排序,您将获得正确的时间顺序。

于 2013-02-01T14:51:34.373 回答