在Rails應用程序中使用無限滾動

Question

我希望我的應用程序具有無限滾動。 為此，我正在使用此javascript https://github.com/jney/jquery.pageless/blob/master/lib/jquery.pageless.js然后，正如他在用法中所建議的那樣，我在腳本標簽中添加了pageless功能。 。 但是該應用程序無法正常工作。 我這樣做正確嗎？

                  <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

Answer 1

我看到的第一個錯誤是您已使用ID＃container1定義了div，但您的jquery調用了#container

還請確保您在該js中加載了正確的網址。 如果這不起作用，請提供更多信息