每条推文的唯一容器 - Twitterapi Jason Mayes

Question

这里的目标是将每条推文放在自己独特的容器中。我想打破常规，将提要分散在我网站上的任何地方。

这是我的尝试。尽管它不起作用，但希望它能够实现总体目标。同样，这是使用 Jason Mayes twitter API。

谢谢

var config5 = {
  "id": 'XXXXXXXXXXX',
  "domId": '',
  "maxTweets": 12,
  "enableLinks": true,
  "showUser": false,
  "showTime": true,
  "dateFunction": '',
  "showRetweet": false,
  "customCallback": handleTweets,
  "showInteraction": false
};

function handleTweets(tweets) {
    // For loop the data.
    var items = [];
    var results;
    for (i = 0; i < tweets.length; i++) {
        var tweets = [i];
        results = this({
            item = tweets[i]
        });
        items.push(results);
    }
    // insert the tweets into the DOM
    $("#twitter1").html(items.slice(0, 1));
    $("#twitter2").html(items.slice(1, 2));
    $("#twitter3").html(items.slice(2, 3));
}

作品链接：http://jsfiddle.net/arkjoseph/a72ykcg5/6/

Answer 1

现在应该可以了，但您还必须在 jsfiddle 中启用 jQuery：

var config5 = {
  "id": '624280239774961664',
  "domId": '',
  "maxTweets": 12,
  "enableLinks": true,
  "showUser": false,
  "showTime": true,
  "dateFunction": '',
  "showRetweet": false,
  "customCallback": handleTweets,
  "showInteraction": false
};

function handleTweets(tweets) {
    //var x = tweets.length;
    //var n = 0;
    //var element = document.getElementById('page');  
    var items = [];
    var results;

    for (i = 0; i < tweets.length; i++) {
        items.push(tweets[i]);
    }
    // insert the tweets into the DOM
    $("#twitter1").html(items.slice(0, 1));
    $("#twitter2").html(items.slice(1, 2));
    $("#twitter3").html(items.slice(2, 3));
}

twitterFetcher.fetch(config5);

function dateFormatter(date) {
  return date.toTimeString();
}

JSFiddle：http://jsfiddle.net/cs6bydr7/