如果这与我以前的帖子发生冲突,请道歉,但我非常坚持无限滚动的整个回调功能,希望有人可以帮助我。
我正在使用投资组合幻灯片专业版(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
答案 0 :(得分: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();
});
每次infinitescroll插件加载新数据时,都会调用portfolioSlideshow()
。