Twitter Bootstrap Javascript - 如何仅使用工具提示库？答案

【问题标题】：Twitter Bootstrap Javascript - how to use only tooltip library?Twitter Bootstrap Javascript - 如何仅使用工具提示库？
【发布时间】：2013-09-10 21:30:00
【问题描述】：

我有一个没有 Twitter Bootstrap 的项目。我想用Tooltip，所以我下载了bootstrap-tooltip.js文件，放到页面上。（也包含 jQuery 库）。

这就是我尝试调用工具提示的方式：

$(document).ready(function() {  
    $('.tooltip_link').tooltip();
});
<a href="www.something.com" class="tooltip_link" data-original-title="tooltip text">www.something.com</a>

但工具提示永远不会出现，在控制台日志中没有 JS 错误。我错过了什么？

谢谢

【问题讨论】：

标签： javascript jquery html twitter-bootstrap tooltip

【解决方案1】：

data-toggle="tooltip" 可能吗？我试图重现你在这里的内容，插入后我得到了它的工作（JSfiddle right here）。

在您引用的文档中有以下代码：

<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>

【讨论】：

是否还需要包含 Bootstrap CSS 或其他 Bootstrap JS？
好吧，你确实需要引导 CSS 来获得样式。打开 JSfiddle，删除 bootstrap CSS 并尝试一下。你会得到它的工作，但这可能不是你想要的方式。裸引导程序和工具提示库 + CSS 就足够了。