Ich benutze Foundation 6 Tooltip. Leitfaden zur Dokumentation i so etwas schreiben:Wie man einige Bilder zu Foundation 6 Tooltip hinzufügt
span.has-tip aria-haspopup="true" data-disable-hover="false" data-template="<img src='bonus.like_user_avatars' class='tooltip'>" title="" Like
In bonus.like_user_avatars Ich behalte einen Streicher von Avataren Wegaufspalteinrichtung durch ; Wie sollte ich sie alle zu einem Tooltip hinzufügen?
Wenn Sie die Vorlage verwenden, erzeugen Sie im Wesentlichen beliebigen HTML-Code zum Einfügen. Daher sollten Sie in der Lage sein, diese Vorlage mit allen Bildern zu erstellen. Es sieht aus wie Sie schlank verwenden, die ich mit nicht so vertraut bin, aber in ERB würde ich so etwas wie
<% @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>
Ich habe ein Problem mit Ihrer Antwort. @images ist ein Array von string (wie 1) <"img src = ......>), und wenn ich es an Daten-Vorlage übergebe, scheint es, ein Array mit [] zu sein, so dass Bilder in Tooltip mit ist Im Browser sieht es so aus: [* Klammern * Avatar, Avatar, Avatar, * Ende Klammer *] –
Sorry über das @DamirNurgaliev, Aktualisieren der Antwort leicht zu beheben – kball
ist bonus.like_user_avatars ein Javascript-Objekt tun, dass Sie gehen dynamisch Ausfüllen werden? Oder (basierend auf Ihrer vorherigen Frage) ein Ruby-Objekt, das Sie auf der Serverseite rendern? – kball
@ kball ist ein Rubinobjekt; Ich denke, es spielt hier keine Rolle –