2016-11-30 95 views
0

我使用的是基金會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一直保留化身路分割的字符串由; 我應該如何將它們全部添加到一個工具提示?

+0

是bonus.like_user_avatars一個JavaScript對象,你將被動態填充?或者(基於你之前的問題)你在服務器端渲染的ruby對象? – kball

+0

@kball它的紅寶石對象;我認爲這沒關係 –

回答

1

使用該模板時,您本質上會生成任意的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> 
+0

我的答案有問題。 @images是字符串數組(像1)<「img src = ......>),當我將它傳遞給數據模板時,它似乎是一個帶有[]的數組,因此工具提示中的圖像與這個括號在瀏覽器中看起來像:[*括號*頭像,頭像,頭像,*結尾括號*] –

+0

對不起@DamirNurgaliev,稍微更新答案以修復 – kball