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);
});

我使用waypoints插件来检测视口。我的问题是：我想从数据页面attr href，我的代码attr href形成相同的页面并且每次加载相同的内容因为.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);

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

1 个答案: