顯示點擊圖像在不同的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。