Jquery твиттер первый раз 2 раза - PullRequest
Новая
       17

Jquery твиттер первый раз 2 раза

2 голосов
/ 14 июля 2011

Привет пользователям Stackoverflow,

Я создал тикер с помощью jquery для веб-сайта. Проблема в том, что первый твит показывает 2 раза, а когда все закончится, он работает отлично.

Но как мне сделать так, чтобы первый твит показывался только один раз, а не 2 раза.

Я сделал Fiddle, чтобы вы могли видеть, что идет не так: JSFiddle link

1 Ответ

2 голосов
/ 14 июля 2011

Ваша проблема, кажется, происходит, потому что код выполняет следующие две строки, прежде чем он загрузит все данные из 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);
})
...