如何在输出到屏幕之前按时间顺序对多个Twitter时间轴进行排序?

时间:2013-02-01 14:49:49

标签: javascript jquery twitter

我有一个复选框表单,可让用户选择一个或多个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时间戳对它们进行排序,但我总是以一个空数组结束。很明显我错过了一些东西。

提前致谢!

1 个答案:

答案 0 :(得分:2)

提示:所有推文ID都按时间顺序递增生成。无论Tweet来自哪个时间轴,甚至可以是混合时间表,如果您通过他们的ID订购推文,您将获得正确的时间顺序。