小编jac*_*nos的帖子

Rails Endless Page / Infinite Scroll

我正在使用 twitter bootstrap 和 will_paginate,我有一个表,我想在上面实现无限滚动。

那张桌子是固定长度的,已经可以滚动了。我最近关注了 Railscasts 第 114 集的修订版,但它对我不起作用。当我滚动到表格底部时,它说获取更多文章,但实际上并没有获取更多文章。

这是我的代码:

Articles.js.coffee:

jQuery ->
  if $('.pagination').length
          $(articles).scroll ->
                  url = $('.pagination .next_page').attr('href')
                  if url &&  $(articles).scrollTop() > $(document).height() -             
                  $(articles).height() + 585
                      $('.pagination').text('Fetching more players...')
                      $.getScript(url)
$(articles).scroll()
Run Code Online (Sandbox Code Playgroud)

索引.js.erb:

$('#articles').append('<%= j render(@articles) %>');
<% if @articles.next_page %>
  $('.pagination').replaceWith('<%= j will_paginate(@articles) %>');
<% else %>
  $('.pagination').remove();
<% end %>
Run Code Online (Sandbox Code Playgroud)

我的控制器和表都称为文章。我不知道它是否不起作用,因为它是一个表格而不是整个页面。

如果我需要发布更多文件,请告诉我。

ruby-on-rails will-paginate ruby-on-rails-3 infinite-scroll

5
推荐指数
1
解决办法
5789
查看次数