Railsで.js.erbファイルに記載した部分テンプレートの再レンダリングができない

Question

いつもお世話になります。

https://qiita.com/YuitoSato/items/94913d6a349a530b2ea2

上記サイトを参考にSNSのようなページにいいね機能を導入しようと考えています。
しかし現状ボタンを配置し、いいねボタンが押した際に部分テンプレート部分を再レンダリングできません。本来いいねボタンが押された際に、部分テンプレートを読み込み、ボタンのON・OFFが正しい状態になる動作を期待しているのですが、状態が変化しません。ボタンを押した後に、ブラウザの更新ボタンを押すことで、正しいボタンの状態にはなります。

いいねボタンが押されるとコンソールに

Rendered likes/_like.html.erb (3.1ms)
Rendered likes/create.js.erb (6.3ms)
Completed 200 OK in 26ms (Views: 8.9ms | ActiveRecord: 8.7ms)

と表示されるのでcreate.js.erb自体は読まれていると思います。

間違っている箇所をご指摘いただければと思います
よろしくお願いいたします。

#/views/likes/_like.html.erb
<% if user_signed_in? %>
  <% if tweet.like_user(current_user.id) %>
    <%= button_to tweet_like_path(like, tweet_id: tweet.id), method: :delete, id: "like-button", remote: true do %>
      <%= image_tag("icon_red_heart.svg") %>
      <span>
        <%= tweet.like_count %>
      </span>
    <% end %>
  <% else %>
    <%= button_to tweet_likes_path(tweet), id: "like-button", remote: true do %>
      <%= image_tag("icon_heart.svg") %>
      <span>
        <%= tweet.like_count %>
      </span>
    <% end %>
  <% end %>
<% else %>
  <% = image_tag("icon_heart.svg") %>
    <span>
      <%= tweet.like_count %>
    </span>
<% end %>



#/views/homes/home.html.erb
<%= render partial: 'likes/like' , locals: { tweet: tweet } %>



#/views/likes/create.js.erb
$("#like-buttons").html("<%= j(render partial: 'like', locals: { tweets: @tweets, likes: @likes, like: @like}) %>")

#/views/likes/destroy.js.erb
$("#like-buttons").html("<%= j(render partial: 'like', locals: { tweets: @tweets, likes: @likes }) %>");

Answer 1

$("#like-buttons") を指している箇所が存在しないのでは？

/views/homes/home.html.erbを以下のようにすると動くかも

<div id='like-buttons'>
  <%= render partial: 'likes/like' , locals: { tweet: tweet } %>
</div>

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。ご教示いただいたとおり<div id='like-buttons'>タグでrender partial部分を囲んでみたのですが、状況は変わらず表示の切り替えが起こらない状況です。

[退会済みユーザー]

ブラウザの開発ツールでレスポンスを確認してみてもエラーとか出てないですか？

あと、`$("#like-buttons").html("testtesttest")` に適当な文字を入れて画面上のいいねボタン配置箇所が更新されているか確認してみてはいかがでしょう。