###前提・実現したいこと [http://ruby-rails.hatenadiary.com/entry/20141115/1416021886](http://ruby-rails.hatenadiary.com/entry/20141115/1416021886) こちらのサイトを参考にrailsアプリケーションに`Infinite Scroll`と`kaminari`を使用して無限スクロールの実装をしました。手順通り１から全て実装してみました。ですが、最後挙動を確認してみると ![](e1e9eb9ad052e94cd537d13275e29cb4.png) このようにページを遷移するリンクが表示されるだけで無限スクロールにはなりませんでした。このような場合、原因はどこにあるのでしょうか？どこか間違っている箇所などあれば教えてください。 ###該当のソースコード `shops_controller.rb` ```ruby class ShopsController < ApplicationController before_action :set_shop, only: [:show, :edit, :update, :destroy] # GET /shops # GET /shops.json def index @shops = Shop.page(params[:page]).per(2) end # GET /shops/1 # GET /shops/1.json def show end # GET /shops/new def new @shop = Shop.new end # GET /shops/1/edit def edit end # POST /shops # POST /shops.json def create @shop = Shop.new(shop_params) respond_to do |format| if @shop.save format.html { redirect_to @shop, notice: 'Shop was successfully created.' } format.json { render :show, status: :created, location: @shop } else format.html { render :new } format.json { render json: @shop.errors, status: :unprocessable_entity } end end end # PATCH/PUT /shops/1 # PATCH/PUT /shops/1.json def update respond_to do |format| if @shop.update(shop_params) format.html { redirect_to @shop, notice: 'Shop was successfully updated.' } format.json { render :show, status: :ok, location: @shop } else format.html { render :edit } format.json { render json: @shop.errors, status: :unprocessable_entity } end end end # DELETE /shops/1 # DELETE /shops/1.json def destroy @shop.destroy respond_to do |format| format.html { redirect_to shops_url, notice: 'Shop was successfully destroyed.' } format.json { head :no_content } end end private # Use callbacks to share common setup or constraints between actions. def set_shop @shop = Shop.find(params[:id]) end # Never trust parameters from the scary internet, only allow the white list through. def shop_params params.require(:shop).permit(:name, :zipcode, :address, :tel) end end ``` `index.hetml.erb` ```ruby

<%= notice %>

Listing Shops

<%= render @shops %>

Name	Zipcode	Address	Tel

<%= link_to 'New Shop', new_shop_path %> <%= paginate @shops %> ``` `_shop.hetml.erb` ```ruby <%= shop.name %> <%= shop.zipcode %> <%= shop.address %> <%= shop.tel %> <%= link_to 'Show', shop %> <%= link_to 'Edit', edit_shop_path(shop) %> <%= link_to 'Destroy', shop, method: :delete, data: { confirm: 'Are you sure?' } %> ``` `index.js.erb` ```ruby $("#shops").append("<%= escape_javascript(render(@posts)) %>"); ``` `shops.coffee` ```ruby $ -> $("#shops .page").infinitescroll loading: { img: "http://www.mytreedb.com/uploads/mytreedb/loader/ajax_loader_blue_48.gif" msgText: "ロード中..." } navSelector: "nav.pagination" # selector for the paged navigation (it will be hidden) nextSelector: "nav.pagination a[rel=next]" # selector for the NEXT link (to page 2) itemSelector: "#shops tr.shop" # selector for all items you'll retrieve ``` よろしくお願いします。

	@@ -1 +1 @@
1	- Ruby on Rails 無限スクロールの実装について
1	+ Ruby on Rails、 Infinite Scrollとkaminariを使用して無限スクロールの実装について

質問編集履歴