Камень Will_paginate с кнопкой «Загрузить больше», без добавления следующего набора данных с ajax

Question

Я использую это руководство как свое руководство для этого. По сути, я пытаюсь сделать кнопку «загрузить больше», которая будет загружать следующий набор экземпляров по щелчку. У меня он работает до того момента, когда, когда я нажимаю кнопку, он выполняет перенаправление на вторую страницу разбивки на страницы. Я пытаюсь добавить его под начальный набор данных.

разбивка на страницы. js:

 $(function() {
    console.log('paginator')
    return $('.next_page').on('click', function(e) {
      var url;
      e.preventDefault();
      url = $(this).attr('href');
      return $.getScript(url);
    });
  });

index. js .erb

$('.atendemos-cards').append('<%= j render(@portfolios) %>');
<% if @portfolios.next_page %>
  $('.next_page').attr('href','<%= root_path(:page => @portfolios.next_page) %>');
<% else %>
  $('.atendemos-btn').remove();
<% end %>

home. html .erb

       <% @portfolios.each do |pf| %>
          <div class="atendemos-card">
            <% render cl_image_tag pf.photo.key %>
            <div class="atendemos-card-title">
                <%= pf.title %>
            </div>
          </div>
        <% end %>
      </div>
        <% if @portfolios.next_page %>
          <%= link_to 'VER MAS OBRAS', root_path(:page => @portfolios.next_page), :class => 'next_page atendemos-btn' %> <%# , :remote => true if @portfolios.next_page %>
        <% end %>

контроллер:

  def home
    @portfolios = Portfolio.paginate(page: params[:page], per_page: 3)
    respond_to do |format|
      format.html
      format.js
    end
  end

Я не получаю никаких ошибок или чего-либо еще, и я проверил, что был только один http сделанный запрос, который возвращает следующую разбивку на страницы.