在不同的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”类将click事件绑定到图像。

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

其中#showDiv是您想要显示图像的div的ID。