2011-06-04 32 views

回答

1

你无端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; 
} 
+0

漂亮会尝试了这一点了。 – Uchenna 2012-01-07 07:38:26