jquery - jQuery无限滚动，来自数据的分页链接

Question

我有一个自定义的 jQuery 无限滚动脚本：

jQuery(document).ready(function() {
    var footer = jQuery('.pagination'),
    opts = {
        offset: '100%'
    };
    footer.waypoint(function(event, direction) {
        footer.waypoint('remove');
        jQuery.get(jQuery('.pagination-next a').attr('href'), function(data) {
            var data = jQuery(data);
            jQuery('#timeline').append(data.find('.timeline-item'));
            footer.waypoint(opts);
        });
    }, opts);
}); 

我正在使用航点插件来检测视口。我的问题是：我想attr从数据页面href，当前我的代码attrhref形成同一个页面，并且每次加载相同的内容.pagination-next a，因为当前页面上的链接是相同的。如果我能够.pagination-next a从数据页面获取下一个链接，那么它将解决问题。

Answer 1

你是否也有.pagination-next a在下一个数据页面加载？如果是这种情况，那么我认为删除上一个下一个链接将解决您的问题；因为我的猜测是您的页面中仍然有多个下一个链接，并且jQuery.get调用将使用jQuery('.pagination-next a')集合中存在的第一个链接（这是旧链接）。

我认为这很简单：

footer.waypoint(function(event, direction) {
    footer.waypoint('remove');
    jQuery.get(jQuery('.pagination-next a').remove().attr('href'), function(data) {
        jQuery('#timeline').append(jQuery(data).find('.timeline-item'));
        footer.waypoint(opts);
    });
}, opts);