ajax - 使用 AJAX (jQuery) 加载日期在 div 内无限滚动

Question

我一直试图通过 SO 上的几个问题来解决这个问题，找出不同的部件，然后组装它们，但现在我放弃了。

我正在尝试做的事情:

用户在页面上单击按钮，然后使用 jQuerys .ajax 将内容列表加载到 div 中。当他或她滚动到 div 底部时，加载更多内容。正如 Twitter 上所见，但这是在 div 内。

我看过有关如何在滚动中无限加载的示例，但问题是这些示例重新加载整个页面(看起来)

有人知道我该如何实现这一目标吗？

如前所述，我无法使用正常方式完成此任务。

页面构建为:

第 1 页，有一个 div，在用户单击按钮之前为空。

第 2 页加载了大量内容。当用户单击第 1 页上的按钮时，该按钮就会加载到 div 中。

当用户滚动 div(它的溢出设置为自动)并在 div 底部结束时，它应该加载下一页左右。

提前致谢! :)

Answer 1

有一些插件可以很好地为您完成此任务。

http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/

http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/

编辑:一些最新的插件:

https://github.com/fredwu/jquery-endless-scroll

http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/