2016-11-28 49 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 %>