总而言之:使用jQuery选择器激活工具提示

<script type="text/javascript">
    $(function () {
        $("[rel='tooltip']").tooltip();
    });
</script>

事实上，你不需要使用属性选择器，你可以在任何元素上调用它，即使它的标签中没有rel="tooltip"。

添加data-toggle="tooltip"在你想要的任何元素的工具提示。

HTML

<a href="#" data-toggle="tooltip" title="Title Here">Hyperlink Text</a>

JQuery

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

这是我的工作。

我已经在头部添加了jquery和bootstrap-tooltip.js。在脚注中添加此代码对我有用!但是当我在标题中添加相同的代码时，它不起作用!

<script type="text/javascript">
$('.some-class').tooltip({ selector: "a" });
</script>

工具提示和弹出窗口不仅仅是css插件，比如下拉菜单或进度条。要使用工具提示和弹出窗口，你必须使用jquery(阅读javascript)激活它们。

假设我们想要在点击html按钮时显示一个弹出窗口。

<a href="#" role="button" 
     class="btn popovers-to-be-activated" 
     title="" data-content="And here's some amazing content." 
     data-original-title="A Title" "
>button</a>

然后你需要有以下javascript代码来激活弹出窗口:

$('.popovers-to-be-activated').popover();

实际上，上面的javascript代码将在所有具有类“popover -to- activated”的html元素上激活弹出窗口。

不用说，把上面的javascript放在DOM-ready回调中，一旦DOM准备好就激活所有弹出窗口:

$(function() {
 // Handler for .ready() called.
 $('.popovers-to-be-activated').popover();
});

在我的特殊情况下，它没有工作，因为我包含了两个版本的jQuery。一个用于引导，另一个(另一个版本)用于谷歌图表。

当我移除图表的jQuery加载时，它工作得很好。