jquery-ias不加载任何内容



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

<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>
响应

there are no more pages left to load表示下一页不存在。
检查您的next选择器(.next a)是否正确,也许它没有得到链接。如果选择器正确,请检查下一页的服务器响应。

更新
您的网页:

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

相关内容

  • 没有找到相关文章

最新更新