бесконечная прокрутка не работает?

Question

похоже, он не работает с кодом ниже, что с ним не так? это не может работать, без ошибок.

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

Ниже приведен код для 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>

Answer 1

Попробуйте добавить элемент обертки в навигацию, чтобы не использовать один и тот же идентификатор для двух разных элементов.

Кроме того, вам не нужно:

nextSelector: #next:last

, просто используйте:

nextSelector: #next

Возможно, это: последнее, что сломалось - попробуйте использовать Firebug / веб-инспектор и посмотрите, что $ ('# next: last') возвращает на первой странице, но, скорее всего, это недостатокконтейнера нумерации страниц.