2013-05-09 6 views
12

Ich habe Bootstrap aber der Tooltip nicht funktioniertWie verwende ich die Bootstrap-Tooltip?

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

Oder muss ich jQuery verwenden verwendet?

+0

haben Sie js und css auch enthalten .. ?? – Gautam3164

+0

Warum gibt es überall Plätze? – tbleckert

+0

Ich nehme dieses Beispiel [Link] (http://jsfiddle.net/q9qfv/) –

Antwort

30

Try Tooltip wie

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

oder Sie können direkt wählen als

$('a').tooltip(); 

oder versuchen, mit ihm

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

und Ihr Skript wie

$(function() { 
    $('a').tooltip({placement: 'right'}); 
}); 
hinzufügen

MEIN ULTIMATIVER FIDDLE schließlich HERE

+0

bin basierend auf ID als $ ('#ur'). tooltip(); –

+0

Für Ihre Anker-Tag haben Sie nicht die ID richtig gemacht .. ?? – Gautam3164

+0

Und überprüfen Sie auch, dass die relevanten css und js auch korrekt hochgeladen – Gautam3164

0

Verwendung jqueryselectors wie folgt:

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

Seine Hilfreiche Hoffnung.

+0

geschlossen ist, kann immer noch nicht Tooltipp –