当前位置：文江博客话题详情

Jquery twitter 代码第一个 li 2 次

发布于 2024-11-23 21:57:24 字数 239 浏览 5 评论 0原文

您好 Stackoverflow 用户，

我已经使用 jquery 为网站创建了一个推文摘要。现在的问题是，第一条推文显示了两次，当显示结束后，它工作得很好。

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

我制作了一个小提琴，以便您可以看到出了什么问题： JSFiddle 链接

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

想挽留 2024-11-30 21:57:24

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

Your problem seems to be occcuring because the code is executing the following two lines, before it has downloaded all the data from Twitter -

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

The solution below should solve the problem.

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

回复收藏 0 原文

~没有更多了~