2012-05-06 232 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