Javascript 无需使用插件即可无限滚动

我是rails新手，不知道如何创建应用程序的无限滚动条。我的javascript代码如下所示：

<div id = "container1"></div>
<script>
    $(document).ready(function() {
        $.ajax({
            url : "shirts/first",
            type : "GET"
        });  
        $("#name").autocomplete({
            source : "shirts/autocomplete",
            autoFocus : false,
            minLength : 1,
            select : function(event, ui) {
                document.getElementById("name").value = ui.item.value;
                $.ajax({
                    url : "shirts/show?name=" + ui.item.value,
                    type : "GET"
                });
            }
        });
        jQuery(function() {
            if ($('.pagination').length) {
                $(window).scroll(function() {
                    var url;
                    url = $('.pagination .next_page').attr('href');
                    if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
                        $('.pagination').text("Fetching more products...");
                        return $.getScript(url);
                    }
                });
                return $(window).scroll();
            }
            $.ajax({
                url: "shirts/first",
                type: "GET"
            })
        });
    });
</script>

这是我的.js.erb文件：

$("#container1").append("<%= escape_javascript(render 'shirts/first')%>");

我是否正确处理AJAX函数？当我签入firebug时，浏览器将加载第一个页面两次，而不会获取其他页面

---

我应该对控制器进行任何更改吗？

您是否从控制器/视图中添加了任何分页？只要检查一下。