2013-07-15 5 views
0

레일 뷰 페이지에서 이미지를 클릭 할 수있게 만드는 방법. index.html.erb 파일에서 시도했지만 아직 오지는 않습니다.index.html.erb 파일에서 이미지를 클릭 할 수 없습니다.

다음은 내가 작성한 코드입니다.

<tbody> 
    <% @messages.each do |t| %> 
    <tr> 
     <td><%= t.from %></td> 

     <td><%= t.subject %></td> 
     <td id ="message"><%= image_tag("note.gif")%></td> 
    <script type="javascript"> 
    jQuery("#message").click(function() { jQuery("#message").html("<%=t.message%>") }); 
</script> 
     <td><%=t.created_at.strftime("%b %d, %Y")%></td> 

     <td><%= link_to 'Destroy', t, method: :delete, data: { confirm: 'Are you sure?' } %></td> 
    </tr> 
    <% end %> 
    </tbody> 

답변

0

내가 정확히 당신이 뭘하려는 건지 모르겠지만, 이것은 당신을 도움이 될 것입니다

<tbody> 
    <% @messages.each do |t| %> 
     <tr> 
      <td><%= t.from %></td> 

      <td><%= t.subject %></td> 
      <td><%= link_to image_tag("note.gif"), path_to_desired_page %></td> 
      <td><%= t.created_at.strftime("%b %d, %Y") %></td> 

      <td><%= link_to 'Destroy', t, method: :delete, data: { confirm: 'Are you sure?' } %></td> 
     </tr> 
    <% end %> 
</tbody> 

:

.... 
<td><img src="http://www.designchemical.com/lab/media/images/img_swap_off.png" alt="" class="img-swap"></td> 
.... 

$ -> 
    $(".img-swap").live "click", -> 
    if $(this).attr("class") is "img-swap" 
     @src = @src.replace("_off", "_on") 
    else 
     @src = @src.replace("_on", "_off") 
    $(this).toggleClass "on" 

DEMO

+0

내 질문은 그 이미지를 클릭 할 수없는 이유는 이미지의 ID를주는 것이었다. – user2567129

+0

이것을 사용해 보셨습니까? –

0

다음을 시도하십시오 path_to_desired_page을 이미지를 연결하려는 것으로 바꾸십시오.

+0

답장을 보내 주셔서 감사합니다. 그러나 이미지를 클릭 한 후에 @message에 이미있는 t.message를 표시하고 싶습니다. – user2567129

관련 문제