Javascript 如何向图标添加twitter引导工具提示

我会在twitter引导程序中为图标元素添加正确的工具提示

代码如下：

<h3>Sensors Permissions <i class="icon-info-sign"></i></h3>

传感器权限

我希望，当光标位于图标上方时，会显示一个包含一些信息的右工具提示

我该怎么办？仅仅包含tooltip.js库并在图标代码中添加元素还不够吗？我很困惑

---

谢谢。

我最近用过这样的方法：

 <i class="icon-ok-sign" rel="tooltip" title="Key active" id="blah"></i>

---

如注释中所述，您可以找到其他属性/选项

您可能忘记使用

.tooltip（）

初始化工具提示

必须对每个想要有工具提示侦听器的元素调用

.tooltip（）

函数。这是出于性能目的。您可以通过在父对象上调用函数来一次初始化一个束，如下所示：

$（'.tooltip group'）.tooltip（）

Javascript 加成

传感器权限

@nickhar的答案，使用Bootstrap 2.3.2和3.0测试的

data toggle=“tooltip”

：

 <i class="icon-ok-sign" data-toggle="tooltip" title="Key active" id="blah"></i>

如注释中所述，您可以找到其他属性/选项

javascript中的

$(function () {
    $(".has-tooltip-right").tooltip({ placement: 'right'}); 
    $(".has-tooltip-left").tooltip({ placement: 'left'}); 
    $(".has-tooltip-bottom").tooltip({ placement: 'bottom'}); 
    $(".has-tooltip").tooltip(); 
});

在html中

<a href="#" class="has-tooltip-bottom" title="" data-original-title="Tooltip">This link</a> 
and <a href="#" class="has-tooltip" title="" data-original-title="Another link">that link</a>

及

您尝试过什么？

 <i class="icon-ok-sign" data-toggle="tooltip" title="Key active" id="blah"></i>

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

$(function () {
    $(".has-tooltip-right").tooltip({ placement: 'right'}); 
    $(".has-tooltip-left").tooltip({ placement: 'left'}); 
    $(".has-tooltip-bottom").tooltip({ placement: 'bottom'}); 
    $(".has-tooltip").tooltip(); 
});

<a href="#" class="has-tooltip-bottom" title="" data-original-title="Tooltip">This link</a> 
and <a href="#" class="has-tooltip" title="" data-original-title="Another link">that link</a>