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