Question

你怎么知道你在jQuery Mobile的列表底部，当到达列表的末尾时我需要延迟加载更多的结果？

Answer 1

这里有一个使用scrollstart和scrollstop事件的工作示例，可以让您朝着正确的方向前进：http://jsfiddle.net/shanabus/LJTJt/

此处的文档页面：http://jquerymobile.com/test/docs/api/events.html

希望这有帮助！

<强>更新

在this post的帮助下，我能够连接一个更好的示例来检测页面底部。如果列表视图不在页面底部，则这也不起作用。检查控制台是否有一些位置调试信息。

http://jsfiddle.net/shanabus/LJTJt/1/

此处只有当您到达列表底部时才会添加新项目。

Answer 2

在到达页面底部时加载更多项目的简单代码。

 if ($(window).scrollTop() > $('#page1').height() - 500) {
        eventsElement.append('<li><a href="">Stop</a></li>');
        eventsElement.listview('refresh');
 }

完整示例，

see Code here

使用jquery-mobile-iscrollview会更好。它提供下拉和上拉事件

Git hub link

Answer 3

有一个jquery移动插件名称lazyload会有所帮助。

link：http://dcarrith.github.com/jquery.mobile.lazyloader

jQuery Mobile懒惰加载列表项

3 个答案: