jquery – 无限滚动和回调

如果这与我之前的帖子发生冲突,请道歉,但我非常坚持无限滚动的整个回调功能,希望有人可以帮助我.

我正在使用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>

幻灯片插件是一个完整的$(窗口).load所以我把所有东西都拿到里面,然后把它变成一个函数.

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

但是现在我需要在每次新的帖子加载时回调该函数,尽管infinitescroll正在工作,幻灯片上的JS不是.

有人可以帮我把我创建的函数添加到infinitescroll的回调中,这样每次加载新数据时它都会重新加载函数吗？

非常感谢提前.

-R

解决方法

$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...',img: '<?PHP bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
    }
},function(arrayOfNewElems)
{
    portfolioSlideshow();
});

每次infinitescroll插件加载新数据时,都会调用portfolioSlideshow().

原文地址：https://www.jb51.cc/jquery/241571.html