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