0

まとめようとしている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 つ削除して、何も表示されなくなるまで続けます。その後、他に何も表示されなくなります。

誰か私にいくつかの指針を教えてください

ありがとう

4

2 に答える 2