twitter bootstrap popover包含来自数据库的内容

Question

摘要

我有一个从laravel生成的列表。徽章图标包含曲目数量的计数。当鼠标悬停在徽章上时，我希望看到一个包含这些曲目标题的列表的弹出窗口（最多5个）。

示例

将其置于上下文中，这类似于Facebook的类似于＆＃39;链接。当用户将鼠标悬停在链接上时，会显示工具提示，其中包含也喜欢它的朋友列表。

列表设置

我的列表由以下代码生成。它位于徽章内容来自的 {{$ tag-＆gt; tracks-＆gt; count（）}} 中。

<ul class="list-group">

    @foreach($user->tags as $tag)

    <li class="list-group-item">

        {{ link_to("tags/$tag->mdbid", "$tag->text") }}

        <a href="#">

            <span class="badge pull-right">

                {{ $tag->tracks->count() }}

            </span>

        </a>

    </li>

    @endforeach

</ul>

Answer 1

<button type="button" class="badge btn btn-default" data-trigger="hover" 
 data-toggle="tooltip" data-placement="top" 
 data-content="@foreach($tag->tracks as $track) {{ $track->title }} @endforeach">
   {{ $tag->tracks->count() }}
</button>