jquery - JScroll 加载 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
    }
});

谢谢。

Answer 1

ajax 内容是从 nextSelector 元素的 href 中定义的 URL 自动检索的，即示例中的 a 标签。这就是你所要做的。 ajax 请求是由插件为您发出的。

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