2013-11-21 56 views
0

我想包括我的工具提示的圖像:在Ruby中添加圖片到工具提示on Rails的

我的鏈接:

<%= link_to "#", class: "tag-tooltip", 
        'data-placement' => 'right', 
        :rel => "tooltip" %> 

我的JS(咖啡):

$(document).on "ready page:change", -> 
    $(document).ready -> 
    $(".tag-tooltip").tooltip({ title: "whatsup", content: "<img src=\"http://icdn.pro/images/fr/a/v/avatar-barbe-brun-homme-utilisateur-icone-9665-128.png\" />", html: true}) 

但只有文本出現..我失蹤了什麼?

回答

2

使用template代替content喜歡如下:

$(document).on "ready page:change", -> 
    $(document).ready -> 
    $(".tag-tooltip").tooltip({ title: "whatsup", template: "<img src=\"http://icdn.pro/images/fr/a/v/avatar-barbe-brun-homme-utilisateur-icone-9665-128.png\" />", html: true}) 

更新:基於gem code

,似乎在提示的內容實際上是title。所以你也可以這樣做:

$(document).on "ready page:change", -> 
    $(document).ready -> 
    $(".tag-tooltip").tooltip({ title: "<img src=\"http://icdn.pro/images/fr/a/v/avatar-barbe-brun-homme-utilisateur-icone-9665-128.png\" />", html: true}) 
+0

嘿Vino,非常感謝。包括它在標題工作得很好:) –