Question

我尝试了stackoverflow中提到的所有解决方案，但对我来说没有任何作用。

头部为

<script src="js/bootstrap.js"></script>
<script type='text/javascript'>
$('[data-toggle="tooltip"]').tooltip();
</script>

和html

<div class="odd-row">
   <strong>10, 000</strong> 
       <a href="#" data-toggle="tooltip" title="Some tooltip text!">Datapoints</a>
   <i class="fa fa-plus-circle"></i>
</div>

在页面底部（出于性能原因）我包含了其他文件

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jQuery.js">   </script>   
<script type="text/javascript" src="js/retina.js"></script>

仍然工具提示不起作用!!请帮我。

Answer 1

你的代码对我有用。

你的html结构可能有问题，或者JS的其他部分有些错误。

您也可以尝试将代码放入文档就绪函数中。

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

这是你想要的吗？试试演示：http://jsfiddle.net/jdbNa/

Answer 2

对于bootstrap，你必须在放入bootstrap.js之前放置jquery;因此，如果你将bootstrap.js放在标题中，你必须将jquery.js放在它之前。

您是否尝试在关闭身体标签之前将所有内容放在底部？也许这会奏效。（我正在使用stackoverflow寻找工具提示解决方案来解决我遇到的问题）

也许尝试在jquery.min.js之后放入bootstrap.js，然后在retina.js下面，让你的脚本激活工具提示。

尽管尝试了stackoverflow的答案，但Bootstrap工具提示无法正常工作

2 个答案: