如何将图像添加到基础工具提示

Question

我正在使用基础工具提示来显示喜欢该帖子的用户。例如，我需要显示当前用户头像：

span.has-tip data-tooltip="" title="#{image_tag(current_user.avatar)}"Like

但是当我重新加载页面时，我会得到一个工具提示：

<img src=

，没有别的。 我应该如何在工具提示中正确使用图像？

如果我在其他地方拨打 image_tag（current_user.avatar） ，则可以正常使用。

Answer 1

在Foundation 6.2.4中，您需要使用data-template属性指定自定义模板（请参阅http://foundation.zurb.com/sites/docs/tooltip.html#js-options处的可用选项）。

这看起来像

   span.has-tip data-tooltip="" data-template="<div class='tooltip'>#{image_tag(current_user.avatar)}}</div>"Like

进入版本6.3（将于周四发布2周后），您可以选择直接在工具提示中使用HTML内容。