[英]Tooltip not displaying right
When I try putting a tooltip
on a glyphicon, it does not seem to work correctly. 当我尝试在glyphicon上放置
tooltip
时,它似乎无法正常工作。 But when I put it outside the tile it works fine. 但是,当我将其放在瓷砖外面时,效果很好。 I'm very confused and any help would be much appreciated!!
我很困惑,任何帮助将不胜感激!
Here's the jsfiddle of what i am talking about: https://jsfiddle.net/noe3mdvx/ 这是我正在谈论的jsfiddle: https ://jsfiddle.net/noe3mdvx/
HTML: HTML:
<div class="col-sm-9" style="display:inline-block">
</div>
<div class="row">
<div class="panel panel-default col-xs-2 lp-centerNav-panel" style="position: relative;" >
<div class="tipText">
<p>
<span data-toggle="tooltip" title="Hooray!" class="glyphicon glyphicon-question-sign">
</span>
</p>
</div>
<div class="panel-body">
<strong>Accounting</strong>
</div>
</div>
</div>
</div>
Full HTML: 完整HTML:
<div class="row">
<div class="panel panel-default col-xs-2 lp-centerNav-panel" data-ng-repeat="menuItem in lp.MenuItems" data-ng-click="lp.Redirect(menuItem);" style="position: relative;">
<div class="tipText">
<span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="top" title="Hooray!"></span>
</div>
<div class="panel-body">
<strong data-ng-bind="menuItem.LinkText"></strong>
<img data-ng-src="{{menuItem.ImageUrl}}" />
</div>
</div>
</div>
JS: JS:
$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
});
In your JSFiddle https://jsfiddle.net/noe3mdvx/ I found there is no js code is written and not select jQuery
for your code 在您的JSFiddle https://jsfiddle.net/noe3mdvx/中,我发现没有编写js代码,因此未选择
jQuery
作为代码
try to add js code 尝试添加js代码
$('[data-toggle="tooltip"]').tooltip();
and select any jQuery
version 并选择任何
jQuery
版本
May it helps you. 愿它对您有帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.