Я использую всплывающую подсказку Foundation 6. Руководство по документации я что-то вроде этого написать:Как добавить несколько изображений в подсказку 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-код для вставки, поэтому вы должны иметь возможность создавать этот шаблон со всеми изображениями. Похоже, что вы используете тонкий, который я не знаком с, но в 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>
У меня проблема с вашим ответом. @images - это массив строк (например, 1) <"img src = ......>), и когда я передаю его в шаблон данных, он выглядит как массив с [], поэтому изображения в подсказке с это скобки. В браузере это выглядит так: [* скобки * аватар, аватар, аватар, * конечная скобка *] –
Извините, что @DamirNurgaliev, обновив ответ немного, чтобы исправить – kball
является bonus.like_user_avatars Javascript объект, который вы собираетесь заполнять в динамически? Или (по вашему предыдущему вопросу) объект ruby, который вы рендерите на стороне сервера? – kball
@kball его рубиновый объект; я думаю, что это не имеет значения здесь –