javascript - 在 Rails 应用程序中使用无限滚动

Question

我希望我的应用程序有无限滚动。为此，我使用这个 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>

Controller 代码:

                      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

Answer 1

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

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