rails jquery显示隐藏与div和span ids不工作。

Question

我只想问..。差不多一个星期了，我解决不了这个错误。

我有微博和评论。所有评论都显示在相应的微博上。

我想使用jquery显示/隐藏注释，但是所有的评论都会显示在所有的微博中。

我想我的问题是在咖啡文件上，当点击所有的微博显示它的评论的时候。

comments.coffee

$(document).on 'turbolinks:load', ->
  $('span[id]').click ->
    event.preventDefault()
    $('div[id]').fadeToggle()
    return
  return

comments.scss

div.ocultar { display: none; }

_micropost.html.erb

<% if micropost.comments.any? %>
  <span id="m-<%= micropost.id %>" ><%= link_to "Mostrar", "" %></span>
  <div id="m-<%= micropost.id %>" class="ocultar">
    <%= render micropost.comments, micropost: micropost %>
  </div>
<% end %>

comments_controller.rb

def show
    @comment = Comment.find(comment_params)
end

Answer 1

只需将comments.coffee文件的第4行更改如下：

$('div#' + $(this).attr('id')).fadeToggle()

下面是一个有用的例子

Answer 2

comments.coffee中的更新

$(document).on 'turbolinks:load', ->
  $('span[id]').click ->
    event.preventDefault()
    $('div#' + $(this).attr('id')).fadeToggle()
    return
  return