jquery - Jquery twitter ティッカー最初の 2 回

Question

Stackoverflow ユーザーの皆様、こんにちは。

Web サイト用に jquery を使用してツイート ティッカーを作成しました。現在の問題は、最初のツイートが 2 回表示され、それが終わったときにうまく機能していることです。

しかし、最初のツイートが2回ではなく1回だけ表示されるようにするにはどうすればよいですか。

私はフィドルを作ったので、何がうまくいかないのかを見ることができます: JSFiddle リンク

Answer 1

Twitterからすべてのデータをダウンロードする前に、コードが次の2行を実行しているため、問題が発生しているようです-

var ticker = $('.tweets ul');
ticker.children('li:first').show().siblings().hide();

以下の解決策は問題を解決するはずです。

$(document).ready(function() {
$(".tweets").tweet({
    count: 20,
    template: "{user}: {text}",
    username: "VersioISP",
    favorites: true
}).bind("loaded", function() {
    $(this).find("a").attr("target", "_blank");
    var ticker = $('.tweets ul');
    ticker.children('li:first').show().siblings().hide();
});

var ticker = $('.tweets ul');

setInterval(function() {
    ticker.find('li:visible').fadeOut(function() {
        $(this).appendTo(ticker);
        ticker.children('li:first').show();
    });
}, 2000);
})