2013-08-23 14 views
12

Twitter Bootstrap 3で設計されたフロントエンドを持つDjangoアプリケーションがあります。私のスタイリングとJSのすべてがモーダルなどを含めてうまくいきます...しかし、私はできません私の人生はポップオーバーのツールチップで何かをする....ブートストラップ3ツールチップまたはポップオーバーが機能しない

私はFirebugでエラーを投げていません。ここで

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script> 

私は、ブートストラップのサイトから直接取ったツールチップのための私の例の呼び出しがされています:他の

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a> 

誰でも2とのトラブルを持っている。ここ

は、私のためにあります要素?

私はそれが私がやったばかげた何かであると確信しています。他のすべてのJSが&タブが正常に動作しているモーダルのようにブートストラップ3に設けられた影響

...

+0

'title'の代わりに' data-title'属性を持たなければなりませんか? – knownasilya

+0

例をブートストラップサイトから直接コピーしました。それをデータタイトルに切り替えましたが、まだ何も起こっていません... 私はまた、他のJSもすべて削除しました。奇妙な矛盾がありましたが、どちらも助けになりませんでした。 – xXPhenom22Xx

+0

どこかにバグがあるようです:http://jsfiddle.net/knownasilya/LhzwF/1/ また、@steakchasers答えに対する私のコメントを参照してください。 – knownasilya

答えて

33

あなただけのJavaScriptでツールチップを有効にする必要があります。

$('some id or class that you add to the above a tag').tooltip() 
+0

ありがとう、私はそれがダムだったことを知っていた... =) – xXPhenom22Xx

+4

データapiが最初のクラスのapiであり、javascriptのものがセカンダリであるので、あなたはする必要はありません。 [here](http://getbootstrap.com/javascript/#js-data-attrs)を参照してください。 – knownasilya

+0

JSの作品を追加したときに作業が始まりましたが、私はそれが必要ではないと思っていましたが、確かにそうは思われませんでしたか? – xXPhenom22Xx

1
ツールチップは、jQueryを使って初期化する必要があります

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> 

<script> 
$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
</script> 

チェックこのlink

関連する問題