php - 如何在PHP中使用jQuery.ajax和jScroll来制作无限滚动页面

我正在使用一个PHP（后端服务页面）来获取MySQL中以json形式存储的tweets的结果。
现在数据越来越大，我只想在页面中加载20条tweets，当用户滚动时，我想得到更多的结果。
我是jQuery的新手，由于jScroll几乎没有文档（如果有的话），所以我无法让这件事正常工作。
我在寻找类似的东西，但找不到任何详细的解决方案。
我的PHP服务只得到少量记录。我知道如何设置偏移量，但如何一次发送偏移量并在页面上实现jScroll呢？!
有人能帮忙吗？
谢谢。。。。

最佳答案

如果DOM中有更改，则必须绑定jscroll，
因此，您可以创建一个函数，在文档准备就绪和每次ajax请求之后调用它。
记住Jscroll需要下一个选择器url。所以你必须把锚定放在页面的下一个url。
HTML部分应该是这样的，

<div class="main-selector">
 <div><!--Your data here --> </div>
 <div><!--Your data here -->  </div>
 <div><!--Your data here  --> </div>
 <div><!--Your data here -->  </div>
 <div><!--Your data here  --> </div>
 <div class='pager'>
    <a href="URL TO NEXT PAGE" class='next-selector'></a>
 </div>
</div>

现在您可以调用类“main selector”的Jscroll，如下所示

 function setScrolling(selector) {
    $(window).unbind("scroll");


    scroller= $(selector).jscroll({
        loadingHtml: '<img src="/images/loader.gif" alt="Loading" /> Loading...',
        padding: 20,
        nextSelector:' next-selector:last ' // This part is tricky
    });

 }

现在调用setScrolling（'.main selector'），最初和每次ajax请求之后（仅在需要时）
记住要以总是下一个url的方式设置nextSelector。

关于php - 如何在PHP中使用jQuery.ajax和jScroll来制作无限滚动页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25498036/