2013-05-09 4 views
12

私はブートストラップを使用しているが、ツールチップがブートストラップツールチップの使い方は?

<a href="#" data-original-tittle="test" 
      data-placement="right" 
      rel="tooltip" 
      target=" _blank"> hover me 
</a> 

または私はjQueryのを使用する必要がないと動作しませんか?

+0

あなたにはjsとcssも含まれていますか? – Gautam3164

+0

なぜどこにスペースがありますか? – tbleckert

+0

私はこの例を取る[リンク](http://jsfiddle.net/q9qfv/) –

答えて

30

てみ

<script type="text/javascript"> 
    $(function(){ 
     $('[rel="tooltip"]').tooltip(); 
    }); 
</script> 

のようにツールチップを追加するか、直接

として
$('a').tooltip(); 

を選択するか、またはそれ

<a href="#" data-toggle="tooltip" 
data-original-title="Tooltip on right">hover me</a> 

$(function() { 
    $('a').tooltip({placement: 'right'}); 
}); 
0123のようなスクリプトを試すことができます

MY ULTIMATE FIDDLE最終的にHERE

+0

idを$ ( '#ur')。ツールチップ(); –

+0

あなたのアンカータグのために、あなたはidを入れませんでした.. ?? – Gautam3164

+0

また、適切なCSSとjsも正しくアップロードされていることを確認してください。 – Gautam3164

0

使用jqueryselectors次のように:

<script type="text/javascript"> 
    $(function() { 
     $("[rel='tooltip']").tooltip(); 
    }); 
</script> 

は、その参考に願っています。

+0

まだツールチップを取得できません –

関連する問題