在不同的 div 中显示点击的图像 Ruby on Rails

Question

我有一些图像。单击图像时，我想让该图像显示在不同的 div 中。一直在努力解决这个问题。这就是我目前所得到的。

<% @user.images.each do |image| %>
    <%= link_to image_tag((image.url), :id => 'test')%>
<% end %>

js.coffee

$('#test').click ->
  val = $(this).attr("src")
  alert val // /assets/image.png

Answer 1

首先，由于您有一组图像，因此您应该使用class 而不是id。

<% @user.images.each do |image| %>
    <%= link_to image_tag((image.url), :class => 'test')%>
<% end %>

在 JS 中，您将点击事件绑定到具有类“test”的图像。

$(".test").click ->
  val = $(this).attr("src")
  $("#showDiv").html "<img src=\"" + val + "\" />"

#showDiv 是您希望显示图像的 div 的 id。