Jquery 无限卷轴不';不行?
看起来它与下面的代码不兼容,有什么问题吗?它不能工作,也没有错误Jquery 无限卷轴不';不行?,jquery,jquery-plugins,Jquery,Jquery Plugins,看起来它与下面的代码不兼容,有什么问题吗?它不能工作,也没有错误 <h1> Infinite Scroll Demo </h1> <div id="container"> <div class="includeitem"> www.gbin1.com </div> <div class="includeitem"> www.gbin1.com </div>
<h1> Infinite Scroll Demo </h1>
<div id="container">
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
</div>
<a id="next" href="demo2.html">next page</a>
<script src="js/jquery-1.6.1.js"></script>
<script src="js/jquery.infinitescroll.js"></script>
<script>
$('#container').infinitescroll({
navSelector : "#next:last",
nextSelector : "#next:last",
itemSelector : ".includeitem"
});
</script>
无限滚动演示
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
$(“#容器”)。无限滚动({
导航选择器:“#下一步:最后一步”,
下一个选择器:“#下一个:最后一个”,
项目选择器:“.includeitem”
});
下面是demo2.html的代码,只是一些添加到第一页的div内容
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<div class="includeitem"> www.gbin1.com </div>
<a id="next" href="demo12.html">next page</a>
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
www.gbin1.com
尝试将包装元素添加到导航中,以避免对两个不同的项目使用相同的ID
此外,您不需要:
nextSelector: #next:last
只需使用:
nextSelector: #next
有可能是:最后一次打破它-尝试使用Firebug/web inspector,看看$(“#next:last”)在您的第一页上返回了什么,但更可能是缺少分页容器