Question

我正在尝试在我的工具提示中添加图片：

我的链接：

<%= 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})

但只有文字出现了......我想念的是什么？

Answer 1

使用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})

在Ruby on Rails中将图像添加到工具提示中

1 个答案: