如何向 Foundation 6 工具提示添加少量图像
How to add few images to Foundation 6 tooltip
我正在使用 Foundation 6 工具提示。文档指南我写的是这样的：
span.has-tip aria-haspopup="true" data-disable-hover="false" data-template="<img src='bonus.like_user_avatars' class='tooltip'>" title="" Like
在 bonus.like_user_avatars 中，我保持一串化身路径按 ;
我应该如何将它们全部添加到一个工具提示中？
使用模板时，您实际上是在生成任意 HTML 以供插入，因此您应该能够生成包含所有图像的模板。看起来你正在使用我不太熟悉的 slim，但在 ERB 中我会做类似
的事情
<% @images = bonus.like_user_avatars.map {|src| "<img src='#{src}'/>".join('') } %>
<span class="has-tip" aria-haspopup="true" data-disable-hover="false" data-template="<div class='tooltip'><%= @images %></div>" title="">Like</span>
我正在使用 Foundation 6 工具提示。文档指南我写的是这样的：
span.has-tip aria-haspopup="true" data-disable-hover="false" data-template="<img src='bonus.like_user_avatars' class='tooltip'>" title="" Like
在 bonus.like_user_avatars 中，我保持一串化身路径按 ; 我应该如何将它们全部添加到一个工具提示中？
使用模板时，您实际上是在生成任意 HTML 以供插入，因此您应该能够生成包含所有图像的模板。看起来你正在使用我不太熟悉的 slim，但在 ERB 中我会做类似
的事情<% @images = bonus.like_user_avatars.map {|src| "<img src='#{src}'/>".join('') } %>
<span class="has-tip" aria-haspopup="true" data-disable-hover="false" data-template="<div class='tooltip'><%= @images %></div>" title="">Like</span>