JavaScript для активных Twitter Bootstrap Tooltips

Question

Я играю с Twitter Bootstrap's Tooltips, но у меня проблемы, так как они отошли от Twipsy. Исправленный JavaScript включен в страницу.

Допустим, у меня есть следующие:

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

Что такое точное JavaScript Мне нужно использовать, чтобы сделать всплывающей подсказки?

Заранее благодарен!

• Ванесса

Answer 1

Для примера это будет просто:

$('a').tooltip(); 

, но в соответствии с документацией, вы должны использовать атрибут title, не data-original-title. Этот атрибут добавляется всплывающей подсказкой Bootstrap. Также нет необходимости в rel="tooltip".

Ваш код должен быть:

HTML:

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

JS:

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

Answer 2

Вам необходимо явно запустить .tooltip() для всех элементов, которые должны иметь всплывающую подсказку. Например, это будет работать:

<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

В Bootstrap, мы должны вручную инициализировать Tooltips

его упоминается в их документации также.

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

Answer 4

вам нужно точно

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