让 twipsy.js 工作（来自 twitter 引导程序）

Question

我正在尝试使用 Twitter 的 Bootstrap css 和 js 模块。具体来说，twipsy 模块，当您将鼠标悬停在链接上时会显示一条小短信

有一个演示http://twitter.github.com/bootstrap/javascript.html#twipsy

blah blha <a href="#" rel="twipsy" data-original-title="Some title text">you probably</a> blah blah   #should display "some title text" when you hover over 'you probably'

我从演示中复制了一些 html，并将 twipsy.js 包含在这个 jsfiddle.net 中

http://jsfiddle.net/mjmitche/quH9Q/

但是当我将鼠标悬停在链接上时，文本没有弹出。

Answer 1

1. 包含 jQuery 以使用 twispy。所有 Bootstrap JavaScript 插件都需要 jQuery 或 Ender 才能工作。

2. 通过调用 .twipsy() 激活选定元素的 twispy。您从引导页面复制的示例使用 $("a[rel=twipsy") 。

3. 默认情况下，弹出框位于文本上方。如果您的文本位于页面顶部（如小提琴中所示），它将不可见。您可以配置placement选项或将文本下移。

HERE 是代码。

HTML：

blah blha <a href="#" rel="twipsy" data-original-title="Some title text">you probably</a> blah blah

JS：

$("a[rel=twipsy]").twipsy({ placement: "below" });