Бесконечная прокрутка и обратный вызов - PullRequest
Новая
       11

Бесконечная прокрутка и обратный вызов

6 голосов
/ 06 января 2012

Извиняюсь, если это противоречит моему предыдущему посту, но я застрял с целой функцией обратного вызова бесконечной прокрутки, которая, надеюсь, кто-то может мне помочь.

Я использую Portfolio Slideshow Pro (http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/) для Wordpress в сочетании с Infinite Scroll.

Вот как выглядит мой бесконечный JS-свиток: 

<script>
  $(function(){

    var $container = $('.rest-of-content');

    $container.infinitescroll({
      navSelector  : '.wp-paginate',    // selector for the paged navigation 
      nextSelector : '.wp-paginate li a',  // selector for the NEXT link (to page 2)
      itemSelector : '.single-fg-post',     // selector for all items you'll retrieve
      bufferPX: 20,
      loading: {
          msgText: 'Fetching more gold...',
          finishedMsg: 'We\'ve ran out of gold!',
          img: '<?php bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
        }

    });

  });
</script>

Плагин для слайд-шоу - это целый $ (window) .load, поэтому я взялвсе, что внутри, и превратило его в функцию. 

$(window).load(function() { portfolioSlideshow() });

Но теперь мне нужно вызывать эту функцию каждый раз, когда загружается новый набор сообщений, как будто работает Infinitescroll, JS на слайд-шоу не 't.

Может кто-нибудь помочь мне добавить созданную мной функцию к обратному вызову infinitescroll, чтобы она перезагружала функцию каждый раз, когда в нее загружаются новые данные?

Заранее большое спасибо.

-R

1 Ответ

11 голосов
/ 09 января 2012 
$container.infinitescroll({
    navSelector  : '.wp-paginate',    // selector for the paged navigation 
    nextSelector : '.wp-paginate li a',  // selector for the NEXT link (to page 2)
    itemSelector : '.single-fg-post',     // selector for all items you'll retrieve
    bufferPX: 20,
    loading: {
        msgText: 'Fetching more gold...',
        finishedMsg: 'We\'ve ran out of gold!',
        img: '<?php bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
    }
},
function(arrayOfNewElems)
{
    portfolioSlideshow();
});

Это вызовет portfolioSlideshow() каждый раз, когда плагин infinitescroll загружает новые данные.

...