2016-11-28 67 views
0

我创建一个类似模式的轨道,所以这里的代码:如何使的link_to包括其他标签

- if policy(bonus).liked_by? 
     = link_to(image_tag("heart--filled--green.png", class: "Dislike"), 
       bonus_like_path(bonus, bonus.user_like(current_user)), method: :delete, 
       data: { remote: true, behavior: "fragments" }) 
    - else 
     = link_to(image_tag("heart.svg", class: "Like"), 
       bonus_likes_path(bonus), method: :post, 
       data: { remote: true, behavior: "fragments" }) 
    - if bonus.likes_count.zero? 
     span Like 
    -else 
     span.has-tip data-tooltip="" title="#{ bonus.liked_by }" Like 
    span class="like_count" #{ bonus.likes_count } 

它产生这样的:

enter image description here

问题如果我想要喜欢某些东西,我想按下心脏(就像给出的图片),但是我需要给予机会向各处传播,包括跨越喜欢和喜欢的人数。我如何解决我的问题?

+0

您的问题不明确。您希望整个内容响应点击事件来执行类似的活动吗? – Rubyrider

回答

3

要使图像和span一起成为链接的一部分,请使用块将它们包装在link_to内。

= link_to bonus_likes_path(bonus), method: :post, data: { remote: true, behavior: "fragments" } do 
    = image_tag("heart.svg", class: "Like" 
    - if bonus.likes_count.zero? 
    span Like 
    - else 
    span.has-tip data-tooltip="" title="#{ bonus.liked_by }" Like 
    span class="like_count" #{ bonus.likes_count } 
0

可以使用具有的link_to一个更大的块:

<%= link_to desired_path do %> 
    <div class="class-name"> 

    </div> 
<% end %>