アップデート
ポップアップは機能していますが、コードに問題があります。そのポップアップで投稿に関連付けられているコメントだけを表示するにはどうすればよいですか? ビュー用に既に持っているコードについては、以下を参照してください。
現在の書式設定の問題を解決するには、ポップアップを使用するのが最も簡単な方法であると判断しました。基本的に、各投稿の下に「コメント」があります。投稿の下に表示する代わりに、「X コメント」リンクをクリックしたときにポップアップで表示されるようにしたいと思います。その理由は、それらを下に表示しようとすると、正しい書式を取得できないためです。
これは、ポップアップのためにクリックされるビュー内のコメントの数に関するリンクです。
<a href="#" id="comment_count"><%= micropost.comments.count.to_s %> Comment </a>
テキストの複数形化は後で実装します。
これは、各投稿に関連付けられたコメントのコードです。
<div class ="ItemComments"><% if post.comments.exists? %>
<% post.comments.each do |comment| %>
<%= image_tag("http://www.gravatar.com/avatar.php?gravatar_id=#{Digest::MD5::hexdigest(comment.user.email)}") %> <!-- Retrieves Gravatar -->
<%= link_to comment.user.name, comment.user %>
<span class="timestamp"><%= time_ago_in_words(comment.created_at) %> ago</span>
<span class="content2"><%= comment.comment_content %></span>
<% end %></div>
上記のビューは、表示される _post.html.erb にレンダリングされます
<%= render 'shared/comment_form', post: post %>
各投稿の下のリンクをクリックすると、関連する「コメント」がポップアップ表示されるようにするにはどうすればよいですか?