Question

Hello Stackoverflow用户，

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

但我怎样才能使第一条推文只显示一次而不是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);
})

Jquery推特首发李先生2次

1 个答案: