如何将几张图片添加到Foundation 6工具提示

我使用的是基金会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一直保留化身路分割的字符串由; 我应该如何将它们全部添加到一个工具提示？

来源

2016-11-30 Damir Nurgaliev

是bonus.like_user_avatars一个JavaScript对象，你将被动态填充？或者（基于你之前的问题）你在服务器端渲染的ruby对象？ – kball

@kball它的红宝石对象;我认为这没关系 –

使用该模板时，您本质上会生成任意的HTML来插入，所以您应该能够使用所有图像生成该模板。它看起来像你使用苗条，我不熟悉，但在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>

来源

2016-12-01 19:11:04 kball

我的答案有问题。 @images是字符串数组（像1）<“img src = ......>），当我将它传递给数据模板时，它似乎是一个带有[]的数组，因此工具提示中的图像与这个括号在浏览器中看起来像：[*括号*头像，头像，头像，*结尾括号*] –

对不起@DamirNurgaliev，稍微更新答案以修复 – kball

如何将几张图片添加到Foundation 6工具提示

回答

相关问题