JScroll加载Ajax内容

时间:2017-05-06 17:51:52

标签: jquery

如何使用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>

正如您所看到的,您必须定义&#39; a&#39;标记以指向要加载的第二页的href。但我想要传递一个能动态检索内容的函数

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

感谢。

1 个答案:

答案 0 :(得分:0)

ajax内容会自动从href元素nextSelector中定义的网址中检索,该a元素是示例中的callback标记。这就是你要做的一切。 ajax请求是由插件为您完成的。

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