如何在工具提示中正確移動元素

Question

我在rails應用程序中創建了一個類似的模型。 爲了顯示哪個用戶喜歡這個獎金，我使用了基礎工具提示。

下面是一個代碼：

- avatars = bonus.like_user_avatars.map { |avatar| image_tag(avatar) } 
span.has-tip.top data-tooltip="" data-template="<div class='tooltip'> 
<p>#{bonus.like_user_fullname.join(", ")}</p>#{avatars.join}</div>"Likes #{bonus.likes_count} 

輸出的HTML看起來像：

<span class="has-tip top" data-template="<div class='tooltip'> 
    <p>Damir Nurgaliev, Damirikzrtyu Damirik</p><img src=&quot;https://lh4.googleusercontent.com/-mosfIn_6OMU/AAAAAAAAAAI/AAAAAAAAAEE/kR28SfgytTc/s64/photo.jpg&quot; alt=&quot;Photo&quot; /> 
    <img src=&quot;https://lh6.googleusercontent.com/-rOyKmYUWNfs/AAAAAAAAAAI/AAAAAAAAABY/Nj3lXpqII9A/s64/photo.jpg&quot; alt=&quot;Photo&quot; /></div>" 
    data-tooltip="r90rx1-tooltip" title="" aria-describedby="l150xr-tooltip" data-yeti-box="l150xr-tooltip" data-toggle="l150xr-tooltip" data-resize="l150xr-tooltip">Likes 2</span> 

我想全名移動用戶每一個他們的提示下化身。我該怎麼做？

Answer 1

您可以嘗試使用html中的<img>標記下的用戶名移動<p>。像這樣...

 ... 
    <img src=&quot;https://lh4.googleusercontent.com/-mosfIn_6OMU/AAAAAAAAAAI/AAAAAAAAAEE/kR28SfgytTc/s64/photo.jpg&quot; alt=&quot;Photo&quot; /> 
    <img src=&quot;https://lh6.googleusercontent.com/-rOyKmYUWNfs/AAAAAAAAAAI/AAAAAAAAABY/Nj3lXpqII9A/s64/photo.jpg&quot; alt=&quot;Photo&quot; /> 
    <p>Damir Nurgaliev, Damirikzrtyu Damirik</p></div> 
    ...