如何向 Infinite Ajax Scroll 插件提供数据？答案

【问题标题】：How to supply data to Infinite Ajax Scroll plugin?如何向 Infinite Ajax Scroll 插件提供数据？
【发布时间】：2019-05-15 18:49:27
【问题描述】：

我正在使用Infinite AJAX Scroll 插件。

我已经阅读了网站上的文档并看到了很多关于它的问题，我想我理解由于滚动时 URL 的变化而加载了内容。使用下面的 sn-p，加载第二页似乎效果很好。

<div id="container">

    {% for post in posts %}
        <div class="post" style="height: 250px; background-color: rgba(0,0,0,0.2)">{{ post.title }}</div>
    {% endfor %}

</div>

<div id="pagination">
    <a href="" class="prev">prev</a>
    <a href="/posts/2" class="next">next</a>
</div>

js部分：

<script type="text/javascript">
    var ias = jQuery.ias({
        container:  '#container',
        item:       '.post',
        pagination: '#pagination',
        next:       '#pagination a.next',
    });

    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASTriggerExtension({offset: 10}));
    ias.extension(new IASPagingExtension());
    ias.extension(new IASHistoryExtension({prev: '#pagination a.prev'}));

    ias.on('loaded', function () {
        let href = $('a.next').attr('href');
        $('a.next').attr('href', '/posts/' + (parseInt(href.split('/')[2]) + 1));
    });
</script>

但是，href 没有更新，所以我是否必须在加载 /posts/2 后创建一个函数来更新到 /posts/3 等？好像有点失望，不是自动生成的。

无论如何，我已经做到了，它可以工作（这是脚本的最后四行），但是插件仍然没有加载第 3 页，它只是停在第 2 页的末尾，甚至没有显示加载 gif .有没有人知道如何使这个插件工作？（或者更好的插件，如果可能的话对 SEO 友好？）

php端没问题，我在不开启IAS的情况下测试过。

【问题讨论】：

标签： javascript jquery infinite-scroll

【解决方案1】：

尝试：

var page = 0;
$(window).scroll(function(){
    if ( $(window).scrollTop() + $(window).height() == $document().height() ) {
        page++;
        ajax(page);
    }
})

function _ajax(page){
 // coce     
}

【讨论】：