まとめようとしているjQueryと少し混乱しています。アプリ内の JSON ダンプを介して最初の 5 つのツイートをループしようとしています。その後、アニメーション ループで 1 つずつ表示したいと思います。
私のhtml
<div id="innerTwitter"> </div>
そしてこれまでのjQuery
var $container = $('#innerTwitter');
$.get('/feed', function(data) {
$container.empty();
$(data).slice(0,5).each(function(_, tweet) { // Grab first 5 Tweets
var $tweet = $(document.createElement('p'));
$tweet.text(tweet.text);
$container.append($tweet);
var ticker = function() {
setTimeout(function() {
$container.find('p:first').animate( {marginTop: '-90px'}, 500, function() {
$(this).detach().removeAttr('style');
});
ticker();
}, 10000);
};
ticker();
});
}, 'json');
現時点では、これは同時に 5 つのつぶやきを表示してから、一度に 1 つ削除して、何も表示されなくなるまで続けます。その後、他に何も表示されなくなります。
誰か私にいくつかの指針を教えてください
ありがとう