我正在尝试使用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/

但是当我将鼠标悬停在链接上时,文本不会弹出。

最佳答案

包括jQuery以使用twispy。所有Bootstrap JavaScript插件都需要jQuery或Ender才能工作。
通过调用.twipsy()为选定的元素激活twispy。您从引导页面复制的示例使用$("a[rel=twipsy")
默认情况下,弹出框位于文本上方。如果您的文字在页面顶部(如小提琴一样),则将不可见。您可以配置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" });

关于jquery - 使twipsy.js正常工作(来自twitter bootstrap ),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8685442/

10-13 00:53