讓twipsy.js工作（從twitter引導）

Question

我正在嘗試使用Twitter的Bootstrap css和js模塊。具體來說，託普西模塊，當你將鼠標懸停在鏈接

有一個演示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' 

我在這的jsfiddle複製一些HTML從演示，包括twipsy.js它顯示一個小的文本消息.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" });