我正在使用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"
});