我有一个复选框表单,可让用户选择一个或多个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时间戳对它们进行排序,但我总是以一个空数组结束。很明显我错过了一些东西。
提前致谢!
答案 0 :(得分:2)
提示:所有推文ID都按时间顺序递增生成。无论Tweet来自哪个时间轴,甚至可以是混合时间表,如果您通过他们的ID订购推文,您将获得正确的时间顺序。