几天前,我问了一个如何使用will paginate显示多个模型的问题,最后我找到了使用无限滚动的解决方案。 每一件事都很好但我不能触发last_page,当我滚动时,所有对象都显示但是分页的数量停在前一个数字之前,我不知道如果我在最后一个元素上。
我的infinte_scroll.js看起来像=>
$(document).on('ready Turbolinks:load', function() {
var isLoading = false;
if ($('#infinite-scrolling').size() > 0) {
$(window).on('scroll', function() {
var more_posts_url = $('#poost .pagination .next_page a').attr('href');
if (!isLoading && (more_posts_url) && $(window).scrollTop() > $(document).height() - $(window).height() - 60) {
isLoading = true;
$.getScript(more_posts_url).done(function(data, textStatus, jqxhr) {
isLoading = false;
})
.fail(function() {
isLoading = false;
);
}
});
}
});
})
我的渲染js看起来像=> **
$('#feedo').append('<%= j render 'shared/activi', :locals =>{:typer => @typer }%>');
<% if @typer.next_page %>
$('#actti .pagination').replaceWith('<%= j will_paginate @typer,:param_name => 'activo_page',id:'actti' %>');
<%else%>
$(window).off('scroll');
<% end %>
**
我的Feed页面中的=&gt;
<div id="feedo">
<%= render :partial => 'shared/activi', :locals => { :typer => @typer }%>
</div>
<div style="" id="infinite-scrolling">
<%= will_paginate @typer,:param_name => 'activo_page',id:'actti' %>
</div>
</div>
任何人都可以帮助我?