JavaScript to Active Twitter Bootstrap Tooltips

Question

Używam Twittera Bootstrapa Tooltips, ale mam problemy, ponieważ odeszli od Twipsy. Poprawny JavaScript jest zawarty na stronie.

Powiedzmy mam następujące:

<p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p> 

Jaki jest dokładny JavaScript trzeba użyć, aby pojawić się podpowiedzi?

Z góry dziękuję!

• Vanessa

Answer 1

Dla przykładu będzie to po prostu:

$('a').tooltip(); 

ale zgodnie z dokumentacją, należy użyć atrybutu title, nie data-original-title. Ten atrybut jest dodawany przez kod podpowiedzi Bootstrap. Również nie ma potrzeby, aby rel="tooltip".

Twój kod powinien być:

HTML:

<a href="#" title="hello">hover on me</a> 

JS:

$("a").tooltip(); // this will trigger a tooltip on all <a> elements 

Answer 2

Trzeba wyraźnie uruchomić .tooltip() dla wszystkich elementów, które muszą mieć podpowiedź. Na przykład, to będzie działać:

<span rel="tooltip" title="tooltip text">some text</span> 
... 
<script src="/js/jquery.js"></script> 
<script src="/js/bootstrap.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("[rel=tooltip]").tooltip(); 
    }); 
</script> 

Answer 3

W Bootstrap, musimy ręcznie zainicjować podpowiedzi

wspomniano również w ich dokumentacji jego.

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

Answer 4

trzeba dokładnie

<script src="bootstrap-tooltip.js "></script> 
    <script> 
    $(function(){ 
$('a').tooltip(); 
});