Bootstrap всплывающая подсказка не работает, хотя пытались ответить из stackoverflow

Question

Я пробовал все решения, упомянутые в stackoverflow, и ничто не работает для меня.

Головная секция, как

<script src="js/bootstrap.js"></script> 
<script type='text/javascript'> 
$('[data-toggle="tooltip"]').tooltip(); 
</script> 

и в HTML

<div class="odd-row"> 
    <strong>10, 000</strong> 
     <a href="#" data-toggle="tooltip" title="Some tooltip text!">Datapoints</a> 
    <i class="fa fa-plus-circle"></i> 
</div> 

в нижней части страницы (по причине производительности) я включил остальные файлы

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="js/jQuery.js"> </script> 
<script type="text/javascript" src="js/retina.js"></script> 

Еще подсказки не работает!! Пожалуйста, помогите мне.

Answer 1

Этот код работает для меня.

Возможно, что-то не так со структурой вашего html или некоторой ошибки в другой части JS.

Также вы можете попробовать поставить свой код в режиме готовности к работе.

$(document).ready(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 

Это то, что вы хотите? Попробуйте демо-версию: http://jsfiddle.net/jdbNa/

Answer 2

Для начальной загрузки вы должны поставить jquery перед тем, как поставить bootstrap.js; поэтому, если вы помещаете bootstrap.js в заголовок, вы должны поставить jquery.js перед ним.

Вы пытались поставить все на дно перед закрывающей темой тела? возможно, это сработает. (Я нахожусь в stackoverflow, ища решение для всплывающей подсказки сам по себе)

Возможно, попробуйте положить bootstrap.js после jquery.min.js, затем под сеткой retina.js, включите ваш скрипт, чтобы активировать всплывающие подсказки.