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”)在您的第一页上返回了什么,但更可能是缺少分页容器