所以我想让 Infinite Scroll ( http://infiniteajaxscroll.com/ ) 工作 HTML 部分是:
<div id="pagination">
<span class="pods-pagination-paginate ">
<span class="page-numbers current">1</span>
<a class="page-numbers" href="?action=search_speaker&sort=AZ&pg=2">2</a>
<a class="page-numbers" href="?action=search_speaker&sort=AZ&pg=3">3</a>
<a class="next page-numbers" href="?action=search_speaker&sort=AZ&pg=2">Next ›</a>
</span>
</div>
<div class="wrapper-pane clearfix">
<div class="pane"></div>
<div class="pane"></div>
<div class="pane"></div>
<div class="pane"></div>
</div>
JS代码是:
var ias = jQuery.ias({
container: ".wrapper-pane",
item: ".pane",
pagination: ".pods-pagination-paginate",
next: ".next a",
});
ias.extension(new IASTriggerExtension({offset: 2,text: 'Load more items'}));
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({
text: 'There are no more pages left to load.'
}));
所以我的问题是没有无限滚动。我试着用 .on('ready',function(){alert("its loaded");}); 之后我尝试使用滚动或下一步来获得相同的效果,但这些警报不会出现。所以我认为也许 ias 无法识别用户滚动?有没有更好的方法来调试 ias?