使用带有AJAX和Mustache渲染的无限滚动

Question

我有一个jsp页面，我在其中使用AJAX加载帖子，它以JSON数据响应。使用Mustache渲染器呈现HTML。问题是如何使用此场景使用此无限滚动。我已经读过可以使用jQuery load（）方法，但我无法使其工作。如果有人指导我会有所帮助。

var data = "";
        $.getJSON("/ajax?command=getposts", function(returnedData){            
            console.log("bar"+returnedData);
            var data = JSON.parse(JSON.stringify(returnedData));
            //alert(JSON.stringify(returnedData));
            console.log(data);
            $.get('temp.html', function(templates)
            {
                var tpl = $(templates).filter('#content').html();
                //console.log(data);
                var html = Mustache.to_html(tpl, returnedData);
                $('#posts').html(html);
                $('#posts').imagesLoaded(function() {

                    $('#posts').freetile({
                        animate: true,
                        elementDelay: 30
                    });
                });
            });
        });

这是我用来加载容器中的帖子的Jquery代码。我想实现无限滚动，每次用户滚动时都会调用此方法。