ЭТО РЕШЕНИЕ

Так что я'м используюwill_paginate /Bootstrap будет разбивать на страницы с бесконечной прокруткой.

Чтобы получить работу пагинации:

1.) В моем контроллере я обновил индекс действия

@clips = Clip.order("created_at desc").page(params[:page]).per_page(20)

2.) Изменить мой индексный просмотр:

СДЕЛАННЫЙ

Нумерация страниц работает просто отлично.

To Add Endless scrolling я сделал те же шаги, что и в моем предыдущем приложении Rails 3.

1.) Отредактируйте мои clips.js.coffee

jQuery ->
$('#clips-masonry').imagesLoaded ->
    $('#clips-masonry').masonry itemSelector: ".clips-masonry" # Thats my Masonry

if $('.pagination').length # Thats for the Endless Scrolling
    $(window).scroll ->
        url = $('.pagination .next_page a').attr('href')
        if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
            # What to do at the bottom of the page
            $('.pagination').text("Fetching more Clips...")
            $.getScript(url)
        $(window).scroll()

2.) Создайте index.js.erb с:

$boxes = $('')

$('#clips-masonry').append( $boxes ).imagesLoaded( function(){
  $('#clips-masonry').masonry( 'reload');
});

  $('.pagination').replaceWith('');

  $('.pagination').remove();

3.) Добавлен format.js к моему индексу действия контроллера

def index
    @clips = Clip.order("created_at desc").page(params[:page]).per_page(12)
    respond_to do |format|
        format.html
        format.js
    end
end

4.) Мой _clip.html.erb обернут с div