Twitter Bootstrap工具提示不工作?
问题描述:
我认为这会很简单,但有些事情是错误的。唯一使用的Bootstrap宝石是simple form one。Twitter 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()
});
答
我有同样的问题一次,并发现,如果我移动$(example).tooltip()
语句从顶部的.js文件底部,它开始工作。我从来没有弄清楚是什么是关于文件中的JavaScript,使工具提示不起作用。
顺便说一句,我很困惑。你正在做一个工具提示或弹出?如果它是一个提示,你应该有一个链接元素,像这样
<div id="hint"><a href="#" rel="tooltip" title="some content">hint</a></div>
在HTML
然后
$("#hint a").tooltip()
在JavaScript
。
这仍然有效,可能是我找到的最好的 – Abhinay