Javascript 推特引导/Twipsy

我喜欢Twipsy插件作为Twitter Boostrap的一部分捆绑的想法，但它似乎不能正常工作

下面是一个JSFIDLE：

如您所见，使用文档中规定的默认设置，当您将鼠标悬停在工具倾斜的锚上时，工具提示会出现，但当您将鼠标移开时，工具提示不会消失

我知道工具提示的外观依赖于CSS，但在Twitter文档页面上，工具提示是通过脚本从DOM中添加和删除的，而在本例和我自己的本地测试中，脚本添加了提示，但从未删除

以下是脚本的链接：

有什么想法/建议吗？我很困惑为什么会这样

或者，如果有人对一个干净、轻量级的jQuery工具提示插件有更好的建议，请告诉我

---

谢谢

我不知道为什么twipsy不起作用，但它起作用了：

Tipsy是最初的jQuery插件，Twitter对其进行了如下修改：

（Twipsy）基于Jason Frame编写的优秀jQuery.tipsy插件； twipsy是一个更新版本，它不依赖图像，使用css3 用于动画和标题存储的数据属性

---

正如您所注意到的，您的代码无法工作，因为您没有将CSS文件添加到资源中

工作示例：

因为在这个CSS文件中有两个类叫做

.fade {
    -moz-transition: opacity 0.15s linear 0s;
    opacity: 0;
}
.fade.in {
    opacity: 1;
}

当您将鼠标移入时，工具提示会预先添加到主体中，并且它会在工具提示的隐藏功能中将

class=“twipsy fade in”

中的

删除，使其不可见（
opacity=0
）

使用最小CSS的工作示例：

请注意，它并不像原始示例中那样从DOM中删除元素。对CSS的更多调查肯定会给我们带来一些启示

如果你问我最喜欢的工具提示插件，我会使用Jörn Zaeffer的轻量级工具提示插件（4kb压缩）。这很符合我的目的

链接此处：
或者您可以使用如下“工具提示”：

<div rel="tooltip" href="#" data-toggle="tooltip" data-placement="top" data-original-title="hi">I'm here</div>

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

我来了
$（窗口）.load（函数（）{$（'div[rel=tooltip]'）.tooltip（）；}）；

rel:
是的，现在似乎已将其作为单独的插件删除（在编写时为2.3.1），但是主bootstrap.js文件附带了一个插件，因此您应该这样做。
是的，我在让poppovers工作时遇到了困难，但这篇文章帮助我意识到我必须包括“bootstrap.css”（或者至少部分）。我想只有像我这样只想使用bootstrap的一个特性的ppl才更有可能遇到这个问题。