6

抱歉,如果这与我以前的帖子冲突,但我非常坚持无限滚动的整个回调函数,希望有人可以帮助我。

我正在为 Wordpress 结合 Infinite Scroll 使用 Portfolio Slideshow Pro (http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/)。

这就是我的无限滚动 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() });

但是现在我需要在每次加载新的帖子集时回调该函数,因为尽管无限滚动正在工作,但幻灯片上的 JS 却没有。

有人可以帮我将我创建的函数添加到无限滚动的回调中,以便在每次加载新数据时重新加载该函数吗?

提前非常感谢。

-R

4

1 回答 1

11
$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()每次无限滚动插件加载新数据时都会调用它。

于 2012-01-09T15:26:18.247 回答