jQuery Infinite Scroll - 如何在下一页上获取其他元素?

时间:2015-12-22 22:29:45

标签: jquery infinite-scroll

所以,让我说我在我的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响应的访问权限。

0 个答案:

没有答案