基礎ツールチップに画像を追加する方法

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の利用可能なオプションを参照）を使用してカスタムテンプレートを指定する必要があります。

これが直接あなたのツールチップにHTMLコンテンツを許可するオプションがあるでしょう、バージョン6.3（木曜日から2週間にリリースされる予定）に来る

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

ようになります。