无限滚动和回调

如果这与我以前的post发生冲突，请道歉，但我非常坚持无限滚动的整个回调function，希望有人可以帮助我。

我正在使用Portfolio Slideshow Pro（http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/）将Wordpress与Infinite Scroll结合使用。

这就是我的无限滚动JS的样子：

 $(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: '/images/ajax-loader-black.gif' } }); });  

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

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

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

有人可以帮助我将我创建的函数添加到infinitescroll的回调中，以便每次加载新数据时重新加载函数吗？

非常感谢提前。

-R

Answer 1

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

每当infinitescroll插件加载新数据时，这将调用portfolioSlideshow() 。