JQuery бесконечный цикл над элементами RSS - PullRequest
Новая
       11

JQuery бесконечный цикл над элементами RSS

0 голосов
/ 22 июня 2010

Я использую jGFeed для получения RSS-канала с удаленного сервера.Ничего сложного, правда.У меня проблема с отображением канала: я пытаюсь перебрать каждый восстановленный элемент rss и отобразить его.Затем удалите его и отобразите следующий.

Вот как я пытаюсь это сделать, но безуспешно: 

        $(document).ready(function() {

        function loop(links){
            var i = 0;
            var arrayLength = links.length;

            for (i=0;i<=arrayLength;i++){
                $('#rssLink').empty().append(links[i]).fadeIn("slow");
                setTimeout(function() {
                    $('#rssLink').fadeOut("fast");
                }, 5000);                   
            }
        }

        function animate(feeds){
            var taille = feeds.length;
            var links = [];
            for ( var i = 0; i < taille; i++ ){
                links[i] = "<a href='"+feeds[i].link+"'>"+feeds[i].title+"</a>";
            }
            loop(links);
        }

        $.jGFeed('http://www.wrc.com/services/newsrss.jsp',
                function(feeds){
                  // Check for errors
                  if(!feeds){
                    // there was an error
                    return false;
                  }
                  animate(feeds.entries);
                }, 50);
    });

1 Ответ

1 голос
/ 22 июня 2010

Похоже, вы идете на единицу больше длины массива с этой строкой: 

for (i=0;i<=arrayLength;i++){

Вы должны идти, пока я

Также ваш цикл'функция собирается быстро добавить все ссылки подряд, каждый раз очищая элемент #rssLink.Чтобы перебрать массив медленно, вы можете попробовать что-то вроде: 

function loop(links) {
    function showLink(i) {
        $('#rssLink').empty().append(links[i]).fadeIn("slow");
        setTimeout(function() {
            $('#rssLink').fadeOut("fast", function() {
                if(i + 1 < links.length) showLink(i + 1);
                else showLink(0); // this line causes it to loop again from the start
            });
        }, 5000);  
    }
    showLink(0);
  }
...