滚动加载 Ajax 内容

Question

如何使用JScroll加载ajax内容？在jscroll网站上没有关于加载ajax内容的示例。有谁可以帮助我吗？如果JScroll无法做到这一点，是否可以给我一个Jquery的无限滚动链接？

在Jscroll的示例中，加载第二页的代码如下：

<div class="scroll">
    <h3>Page 1</h3>
    <p>Content here...</p>
    <a href="example-page2.html">next page</a>
</div>

正如您所看到的，您需要定义“a”标签，使其具有指向第二个要加载的页面的href。但是我在考虑必须传递一个检索内容动态获取的函数，例如：

$('.scroll').jscroll({
    ajaxfunction: function() {
        // Return dynamic content here
    }
});

感谢你的选择。

- MadzQuestioning

---

有人能给我一个Jquery的无限滚动链接吗？在这个旅程中的第一步是谷歌搜索“jquery infinite scroll”。 - Pekka

看起来 jScroll 主要是通过 Ajax 加载内容，这不就是插件的主要功能吗？您能否澄清一下您的意思？ - Pekka

更新了我的问题。 - MadzQuestioning

啊，我明白了。看起来确实不再那里了。 - Pekka

Answer 1

ajax内容会自动从nextSelector元素中定义的URL中检索，该元素是示例中的a标签。这就是你需要做的全部。插件会为您自动进行ajax请求。

您还可以使用callback选项传递一个函数，在其中可以操作DOM或在每个滚动请求结束时返回的数据。不过，通过滚动或单击自动加载下一页是插件预期的行为。

- Philip