2012-05-06 13 views
1

これは簡単だと思っていましたが、何かが間違っていました。唯一のBootstrap gem imはsimple form oneです。Twitter Bootstrapのツールチップが機能していませんか?

私は次のようなHTMLがあります。

アプリ/ビュー/ユーザー/ new.html.erb

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

そして、私が持っているjavascriptのための私のapplication.jsファイル内:

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に関して何があったのか決して解明しませんでした。

ところで、私は混乱しています。あなたはツールチップやポップオーバーをしていますか?それがツールチップである場合は、あなたのHTML内でこの

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

とあなたのJavaScriptで、その後

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

のように、link要素を持っている必要があります。

+0

これはまだ動作している可能性があります – Abhinay

関連する問題