jquery - jquery twitterticker first li 2 次

Question

您好 Stackoverflow 用户，

我已经为一个网站创建了一个带有 jquery 的推文代码。现在的问题是第一条推文显示了 2 次，当它结束时它运行良好。

但是我怎样才能使第一条推文只显示一次而不是两次。

我做了一个小提琴，所以你可以看到出了什么问题：JSFiddle link

Answer 1

您的问题似乎正在发生，因为代码在从 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);
})