2012-05-06 50 views
1

我认为这会很简单,但有些事情是错误的。唯一使用的Bootstrap宝石是simple form oneTwitter Bootstrap工具提示不工作?

我有以下的html:

应用程序/视图/用户/ new.html.erb

<div id="hint">hint</div> 

然后在我的的application.js文件的javascript我有:

Twitter Bootstrap Tooltip Instructions它说只是把这个:

$('#example').tooltip(options) 

但我没有得到任何东西。我如何使用它?


ANSWER

我不得不这样做是为了得到它的工作:

<div id="hint"> 
    <a href="#" rel="tooltip" title="some content">hint</a> 
</div> 

jQuery(function($) { 
    $("#hint a").tooltip() 
}); 

回答

6

我有同样的问题一次,并发现,如果我移动$(example).tooltip()语句从顶部的.js文件底部,它开始工作。我从来没有弄清楚是什么是关于文件中的JavaScript,使工具提示不起作用。

顺便说一句,我很困惑。你正在做一个工具提示或弹出?如果它是一个提示,你应该有一个链接元素,像这样

<div id="hint"><a href="#" rel="tooltip" title="some content">hint</a></div> 
在HTML

然后

$("#hint a").tooltip() 
在JavaScript

+0

这仍然有效,可能是我找到的最好的 – Abhinay