###全体の流れ
0. Ajaxで投稿
0. Jsonを受け取る
0. 投稿内容(Json)を画面遷移or全体再読み込みなしで表示
0. 紐づくいいねボタン←今回の質問です。
###実現したいこと
js側でrender機能を利用
###わからないこと
全体の流れ、3に対して_like.html.erbをどのように読み込ませるかが、わからないです。
###発生している問題
js側でrenderされるはずもなく、文字列が表示されます。
<%= escape_javascript render partial: 'likes/like', locals: { micropost: micropost, likes: @likes } %>
###該当のソースコード
ruby
1//_micropost.html.erb 2<li id="micropost-<%= micropost.id %>" class="time-label <%= micropost.like_user(current_user.id)? "liked" : "unlike" %>"> 3 <div class="timeline-item"> 4 <% if current_user?(micropost.user) %> 5 <div class="dropdown time"> 6 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></a> 7 <ul class="dropdown-menu" role="menu"> 8 <li>解決済みにする</li> 9 <li><%= link_to "投稿を削除", micropost, method: :delete, 10 data: { confirm: "本当に削除してよろしいですか?" } %></li> 11 </ul> 12 </div> 13 <% end %> 14 <span class="time">リクエスト中</span> 15 <h3 class="timeline-header"><%= link_to micropost.user.name, micropost.user %> <%= micropost.created_at.to_s(:human) %></h3> 16 <div class="timeline-body"> 17 <%= text_url_to_link(h(micropost.content)).html_safe %> 18 <%= image_tag(micropost.picture.url, class: 'img-responsive') if micropost.picture? %> 19 </div> 20 <div class="timeline-footer"> 21 <div class="request-actionList"> 22 <%= render partial: 'likes/like', locals: { micropost: micropost, likes: @likes } %> 23 <span data-toggle="tooltip" title="コメント"><%= link_to(content_tag(:i, '', class: 'fa fa-comment-o'), micropost_path(micropost), remote: true) %></span> 24 </div> 25 </div> 26 </div> 27</li>
javascript
1//microposts.js 2$('#new_micropost').on('ajax:success', function(e, data) { 3 console.log(data); 4 $('.timeline').prepend($('<li id="micropost-'+ data.id +'"></li>') 5 .append($('<div class="timeline-item"></div>') 6 .append($('<h3 class="timeline-header"></h3>').append(data.user_id)) 7 .append($('<div class="timeline-body"></div>').append(data.content)) 8 .append($('<div class="timeline-footer"><div class="request-actionList"></div></div>').append("<%= escape_javascript render partial: 'likes/like', locals: { micropost: micropost, likes: @likes } %>"))) 9 ); 10 });
###補足情報
【環境】
・Mac OS Sierra
・Ruby Version 2.4.1
・Ruby on Rails 5.0.3
【自分のレベル】
※チュートリアルを一通り終え、チュートリアルを読み返しつつ参考書でRailsを勉強中です。至らない点が多いと思いますが、何卒よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/19 10:47