Rails 3 中的 jquery 无限页面与 will_paginate

Question

有谁知道我如何在 Rails 3 中使用 jquery 和 will_paginate 处理无尽的页面？我尝试了很多方法，但从来没有对我有用。

Answer 1

请参阅 Railscast #114 Endless Page

您应该能够以最少的成本使其与 Rails 3 一起使用修改（如果有）。

Answer 2

你的 endless-page.js 文件看起来像这样

   var currentPage = 1;
   var autoloading = false;
   if( total_number_of_paginaion_pages > 1) {
       autoloading = true;
     }

function checkScroll() {
  if (autoloading && nearBottomOfPage()) {
    currentPage ++;
    autoloading = false;
    $.ajax( {
      url: window.location,
      data: 'page=' + currentPage,
      beforeSend: function() {
        $('.loading-info').show()
      },
      complete: function(){
        $('.loading-info').hide()
       },
      success: function(data){
        eval(data);
       }
     });
  } 
}

function nearBottomOfPage() {
  return scrollDistanceFromBottom() < 150;
}

function scrollDistanceFromBottom(argument) {
  return $(document).height() - ($(window).height() + $(window).scrollTop());
}

$(window).bind('scroll', function (){
         checkScroll();
});  

在你的 js.erb 文件中看起来像这样

$('.results-center').append('<%=escape_javascript(render :partial => '/search/search_result') %>');
if(! pagination_last_page) {
  autoloading = true;
}

Answer 3

实现无限分页的最佳选择是使用 will_paginate / kaminari gem 和 jquery。

有一个关于如何实现无尽页面的好博客，希望能回答您的问题。看看

http://www.idyllic-software.com/blog/endless-page-using-jquery-and-will_paginate/