Question

所以我是javascript的新手并且有点理解它，特别是与html结合使用。尽管如此，我决定尝试无限的ajax滚动。以下是我的javascript的外观：

var ias = jQuery.ias({
        container:  '#container',
        item:       '.item',
        pagination: '#pagination',
        next:       '.next'
    });


    ias.extension(new IASSpinnerExtension());

    ias.extension(new IASNoneLeftExtension({html: '<div class="end-text"><p><em>Pat yourself on the back, you\'ve reached the end!</em></p></div>'}));

但我对html有点困惑。特别是在分页部分。

<div id="container">
  <div class="item">here is one!</div>
  <div class="item">here is two!</div>
</div>

<div id="pagination">
  <a href="page2.html" class="next">2</a>
  <a href="page3.html" class="next">3</a>
  <a href="page4.html" class="next">4</a>
</div>

我知道第一个容器是最初加载的。滚动到内容的末尾时，应加载下一页，这是一个单独的html文档。但是，当我尝试使用此代码并向下滚动时，它只会加载html中的最后一页（在本例中为page4.html）。我究竟做错了什么？我不理解正确的事吗？我为这个愚蠢的问题道歉，但非常感谢任何帮助！

Answer 1

我猜您应该只将课程.next分配给您的一个链接：

<div id="container">
  <div class="item">here is one!</div>
  <div class="item">here is two!</div>
</div>

<div id="pagination">
  <a href="page2.html" class="next">2</a>
  <a href="page3.html">3</a>
  <a href="page4.html">4</a>
</div>

因为您的插件似乎正在寻找与班级.next的链接。

但你有三个。

混淆了无限ajax滚动在检索其他帖子时的工作原理

1 个答案: