如何顯示引導工具提示給每張圖片?爲什麼顯示僅在前圖像是這樣的:僅在第一張圖片上提示引導工具提示
這是我的代碼:
<ul class="row list-unstyled">
@foreach($facilities as $facility)
<div class='col-md-3 text-center'>
<a data-toggle="lightbox" href="/{{$facility->image}}">
<img class="thumbGlassFac" src="http://m-w.lt/prekes/white-magnifying-glass-hi.png">
<img id="images" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom"
class="thumbBorderFac" style="height: 180px; width: 180px; line-height: 80px" src="/{{$facility->image}}"/></a>
<hr>
</div> <!-- col-6/end -->
@endforeach
</ul>
當我將鼠標懸停到其它圖像工具提示不顯示出來。
$('#images').tooltip();
最有可能(但沒有確認),因爲你應該只在頁面上有一個'id',但是你的所有圖像都有相同的'id'。你的'$ facility'是否有某種形式的可以添加到'id'的唯一ID?例如'
'$('#images')'只會給你第一個與'id'匹配的元素,改爲使用類 –