在 Rails 应用程序中使用无限滚动答案

【问题标题】：Using infinite scroll in a Rails application在 Rails 应用程序中使用无限滚动
【发布时间】：2014-01-31 05:00:42
【问题描述】：

我希望我的应用程序可以无限滚动。为此，我正在使用这个 javascript https://github.com/jney/jquery.pageless/blob/master/lib/jquery.pageless.js 然后，正如他在我写的用法中所建议的那样，在我的脚本标签中添加了无页功能。但是该应用程序无法正常工作。我这样做对吗？

                  <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"
                   });
                      }
                        });
                          $('#container1').pageless({ 
                     totalPages: 4,
                     url: 'shirts/first',
                     loaderMsg: 'Loading more results'
                     });
                      });


                          </script>

控制器代码：

                      def first
                          @init = Sunspot.search(Clothes) do
                           paginate :page => params[:page], :per_page => 16
                           order_by :maxprice
                          end
                          @first = @init.results
                          if request.xhr?
                             sleep(1)
                             render :partial => 'shirts/first', :collection => @first
                           end 
                         end

【问题讨论】：

您的 javascript 控制台会抛出任何错误吗？（如果该名称自动完成部分没有必要将其注释掉）。

标签： javascript ruby-on-rails infinite-scroll

【解决方案1】：

我看到的第一个错误是您定义了 id 为 #container1 的 div，但您的 jquery 调用了 #container

还要确保您在该 js 中加载了正确的 url。如果这不起作用，请提供更多信息

【讨论】：

是的，抱歉，没看到。实际上我已经使用了“container1”本身。但是当我在浏览器中运行我的应用程序时，我的第一页不会加载。只有我的第 2 和第 3 页不断加载。我已经编辑了我的问题并输入了我的控制器代码，看看它是否有帮助。