Railsでアイテムをクリックしたらモーダルで詳細画面が出るようにしたいのですが、そのためのJSファイルの名前をshow.js
からshow.js.erb
に変更したらNoMethodError(undefined method
render' for)`が出るようになり、前に進めません。
コードは以下の通りです。
よろしくお願いします。
↓index.html.erb
<div class="row"> <% if user_signed_in? %> <aside class="col-md-2"> <%= link_to 'Giveを投稿', new_geben_path, class: "btn btn-primary give-btn" %> </aside> <div class="col-md-10"> <div class="col-md-6"> <div class="card mb-3"> <h3 class="card-header">Give一覧</h3> <ul class="list-group list-group-flush"> <% @gebens.each do |geben| %> <li class="list-group-item"><%= link_to geben.title, geben_path(geben), remote: true %></li> <% end %> <div id="give-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"></div> </ul> </div> </div> <div class="col-md-6"> </div> </div> <% else %> <div class="jumbotron text-center"> <h1>You're not logged in!</h1> </div> <% end %> </div>
↓_give_modal.html.erb
<div class="modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"><%= geben.title %></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p><%= geben.content %></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>
↓show.html.erb
<%= render 'layouts/give_modal', geben: @geben %>
↓show.js.erb
$("#give-modal").html("<%= escape_javascript(render 'layouts/give_modal') %>") $("#gibe-modal").modal("show")
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/06/18 07:46
2018/06/18 23:23 編集
退会済みユーザー
2018/06/21 10:33