jquery - jquery-ias 没有加载任何东西

Question

我正在使用 jquery-ias.min.js 在我的页面中生成无限滚动，但插件没有显示任何内容。只是“没有更多页面要加载”的消息？我正在使用此代码。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="/_layout/js/jquery-ias.min.js"></script>
<script type="text/javascript">
    var ias = $.ias({
        container: "#posts",
        item: ".post",
        pagination: "#pagination",
        next: ".next a"
    });
    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASTriggerExtension({
        offset: 2
    }));
    ias.extension(new IASNoneLeftExtension({
        text: 'There are no more pages left to load.'
    }));
</script>

Answer 1

响应there are no more pages left to load意味着下一页不存在。
检查您的next选择器 ( .next a) 是否正确，也许它没有获取链接。如果选择器正确，请检查您的服务器对下一页的响应。

更新
您的 html：

<div id="pagination"> 
    <a class="" href="/highlights-1" >2</a> 
    <a class="next" href="/page2.html" >1</a> 
</div>

您获取下一个链接的选择器无效，如果您尝试$('.next a')结果将是一个空数组。正确的是刚刚.next。
将初始化更改为：

var ias = $.ias({
    ...
    next: ".next"
});