2012-03-02 7 views
4

マイJavaScriptが動作していない:ブートストラップツールチップは

<script> 
    $(function(){ 
     $('a[rel=tooltip]').tooltip(); 
    }); 
​</script> 

そして、私のHTML:

<br><br><br>This is an example of a sentence with a 
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>! 

これは、ブートストラップ2.0ツールチップを表示しますが、いくつかのデフォルト1を示していません。

+0

何が間違っているかを正確に説明するのに十分ではないので、問題をより詳細に記述する必要があります。デフォルトではどういう意味ですか?あなたのツールチップのスクリーンショットを投稿してください。あなたのページに含まれているjavascriptファイル、あなたが含んでいるCSS、埋め込まれたjavascriptなど、より多くのコードを投稿してください。 –

+0

私は既にそれが関連しているビットです。なぜ私はコード全体を投稿したいのですか? –

+0

@AliGajaniマークアップを投稿した場合、jsスクリプトがどのスクリプトに含まれていて何が含まれていないかを確認するのに役立ちます。 –

答えて

7

フッターにコードを追加してみてください。それは私のために働いた!何らかの理由でヘッダーで動作しません!

+0

しました。 Worked :) :) –

+8

クイックAを追加するだけです。メインのjQueryライブラリがロードされた後、すべてのjQuery関数を追加する必要があります。 $(document).ready()メソッドの中で呼び出されるべきです。 –

0

.tooltipクラスのCSSスタイルがすべて読み込まれていることを確認してください。

これらのツールチップがないと、ブラウザウィンドウの表示部分の外にツールチップが表示されることがあります。あなたはどちらかこれを参照する必要があり

<script type="text/javascript"> 
    $('.tip').tooltip(); 
</script> 

注意:あなたが含まを確認して、同じファイルで

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a> 

5

のは、次のように、あなたのツールチップを宣言宣言したとしましょうHTMLが参照するHTMLの後のコード、またはそれをラップします。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.tip').tooltip(); 
    }); 
</script> 

また、jQueryセレクタは、1つのツールチップのIDだけでなく、ツールチップのクラスを参照することにも注意してください。

関連する問題