Jquery twitter ticker first li 2次

Question

你好Stackoverflow用戶，

我已經創建了一個jQuery的推特股票網站。現在的問題是，第一條推文顯示了兩次，當這一步結束時，它的效果很好。

但我該如何使第一條推文只顯示一次而不是2次。

我已經做了小提琴，所以你可以看到什麼錯誤：JSFiddle link

Answer 1

你的問題似乎occcuring因爲代碼執行以下兩行，它已下載來自Twitter的所有數據之前 -

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); 
})