如何將圖像添加到基礎工具提示

Question

我正在使用基礎工具提示來顯示喜歡帖子的用戶。例如在這裏，我需要顯示當前用戶頭像：

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

但是，當我重新加載頁面我得到一個提示有：

<img src= 

，別無其他。 我應該如何在工具提示中正確使用圖像？

如果我打電話IMAGE_TAG（current_user.avatar）在其他地方正常工作。

Answer 1

在基金會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內容。