所以,让我说我在我的Wordpress博客上用一类blogroll
无限滚动div。
无论如何在无限滚动回调函数的下一页上获得不同的元素?就像第2页主体中的其他元素一样,然后clone()
进入当前页面?
更新1
我的功能:
$('.blogroll').infinitescroll({
loading: {
selector: '.infinite-scroll-loading',
msgText: 'Loading',
img: templateDir + '/images/gif-load.gif',
finishedMsg: "No More Posts",
finished: function(obj){
console.log(obj);
if (obj.state.isDone == true) {
$('.load-more').html('No More Posts<span class="bar"></span>');
} else {
$('.load-more').html('Load More<span class="bar"></span>');
}
}
},
navSelector : ".post-navigation",
nextSelector : ".post-navigation a:first",
itemSelector : "article.post",
errorCallback: function(obj) {
if (obj == 'done') {
$('.load-more').html('No More Posts<span class="bar"></span>');
}
}
},
function(newElements, data, url) {
console.log(data);
});
更新2
我似乎已经通过编辑jquery.infinitescroll.js核心暂时解决了这个问题。
我将此添加到_loadcallback
函数的最开头,在第335行之后:
var pageBuilderStyles = $(data).filter('#siteorigin-panels-grids-wp_footer');
$('body').append(pageBuilderStyles);
没有什么能让你感到畏缩,就像不得不编辑核心文件一样。我无法在上面的自定义回调中找到原始html响应的访问权限。