为什么使用will_paginate进行的无限滚动不起作用？

Question

I'm trying to get all posts from all users to be loaded via infinite scroll using will_paginate. Right now it's showing only the normal pagination. I am very confused. But then again, I'm a newbie. I'd appreciate any help.

index.html.erb:

<script>
$('#my-posts');
<% if @posts.next_page %>
  $('.pagination').replaceWith('<%= j will_paginate @posts %>');
<% else %>
  $(window).off('scroll');
  $('.pagination').remove();
<% end %>
</script>

<div id="my-posts">
    <% @posts.each do |post| %>
#...posts and and their comments
    <% end %>
</div>

<div id="infinite-scrolling">
  <%= will_paginate %>
</div>

pagination.js.coffee (also tried pagination.coffee):

jQuery ->
if $('#infinite-scrolling').size() > 0
  $(window).on 'scroll', ->
    more_posts_url = $('.pagination .next_page a').attr('href')
    if more_posts_url && $(window).scrollTop() > $(document).height() - $(window).height() - 60
      $('.pagination').html('<p> loading <p>')
      $.getScript more_posts_url
    return
  return

posts controller:

        respond_to do |format|
            format.html
            format.js
        end
        @posts = Post.paginate(page: params[:page], per_page: 15).order('created_at DESC')

Answer 1

need to change controller code to this

@posts = Post.paginate(page: params[:page], per_page: 15).order('created_at DESC')

respond_to do |format|
  format.html
  format.js
end