(Rails)いいね機能 非同期通信が反映できない

Question

プログラミング歴一ヶ月の初心者です。
いいね機能を非同期通信できるように実装してみたのですが、
リロードをしないと反映されない状態です。

リロードすると正常に動くきますので、モデルやアソシエーション、コントローラー
は正常に動いていると仮定しています。

申し訳ありませんが、教えていただけると幸いです。

likes.controller.rb

class LikesController < ApplicationController
  def create
    @like = current_user.likes.create(post_id: params[:post_id])
end

  def destroy
    @like = Like.find_by(post_id: params[:post_id], user_id: current_user.id)
    @like.destroy
  end
end

show.html.haml(render部中身）

.element#like{id:@post.id}
　= render partial: 'likes/like', locals: { post: @post}

like.html.haml(render先)

- if current_user
  - if current_user.already_liked?(@post)
    = link_to "取り消す", post_like_path(@post), method: :delete, remote: true
  - else
    = link_to "イイね", post_likes_path(@post), method: :post, remote: true

views/likes/create.js.erb

$("#like-<%= @post.id %>").html("<%= j(render 'posts/like') %>");

views/likes/destroy.js.erb

$("#like-<%= @post.id %>").html("<%= j(render 'posts/like') %>");

説明不足であるかもしれませんが、アドバイスいただけましたら幸いです。
他に情報が必要でした教えてください。
どうぞよろしくお願いします。

Answer 1

turbolinksの影響でしょう
JS全体を
document.addEventListener("turbolinks:load", function() {

}
で囲ってみてください

Comments

[takuya3121]

反応がありませんでした。
下記の認識で問題ないでしょうか？
document.addEventListener("turbolinks:load", function() {
$("#like-<%= @post.id %>").html("<%= j(render 'posts/like') %>")
};

[winterboum]

viewではなく、javascriptの方です

[takuya3121]

勉強不足で申し訳ありません。
create.js、destroy.jsにファイル名を変更し、中身を下記のようにしましたが、反映されません。
document.addEventListener("turbolinks:load", function() {
$("#like-<%= @post.id %>").html("<%= j(render 'posts/like') %>");
});
他にするべき事があるのでしょうか？

[winterboum]

あ、ごめんなさい、きちんと読んでいなかった。js.erbだったのですね。erb付きに戻してください。これですとreloadしても表示しなくなっちゃいますね。
「下記の認識で問題ないでしょうか？」の状態で改善できなかったですか。
するとすみませ私の今の知識だとだめだ。
turbolinks　reload 辺りでgoogleでみていただけますか。
沢山でてきます

[takuya3121]

色々ご提示して頂きありがとうございます。
まだ反映できていませんので、turbolinks　reload 辺りでgoogleで見てみます。