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 或在每个滚动请求结束时返回的数据。然而，通过滚动或点击自动加载下一页是插件的预期行为。