twitter-bootstrap - 让 twitter-bootstrap 工具提示在图像上工作

Question

我正在尝试让 twitter-bootstrap 工具提示来处理我拥有的一些图像。这是我的代码：

@foreach($favorite_friends as $friend)
<a href="#" data-toggle="tooltip" data-placement="bottom" title data-original-title="{{$friend}}"><img id="{{$friend}}" src="https://graph.facebook.com/{{$friend}}/picture?width=200&height=200" alt="{{$friend}}" height="40" width="40" class="img-rounded"></a>
@endforeach

不幸的是，当我将鼠标悬停在图像上时，没有出现工具提示。有什么我做错了吗？谢谢您的帮助。

Answer 1

根据 Bootstrap 文档 ( http://getbootstrap.com/javascript/#tooltips )，工具提示必须通过 JavaScript 激活。

$("[data-toggle='tooltip']").tooltip({});