Bootstrap 3 Подсказки или Popovers не работают

У меня есть приложение Django с интерфейсом, разработанным в Twitter Bootstrap 3. Все мои стили и JS работают отлично, включая модалы и т.д. Но я не могу на всю жизнь получить подсказки popovers делать что угодно....

Я не ошибаюсь в Firebug.

Вот мой порядок:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

Вот мой пример вызова всплывающей подсказки, которую я взял прямо с сайта начальной загрузки:

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

У кого-нибудь есть проблемы с двумя элементами?

Я абсолютно уверен, что это нечто глупое, что я сделал.

Все другие эффекты JS, представленные в Bootstrap 3, как модалы и вкладки работают нормально...

Ответ 1

Вам просто нужно включить всплывающую подсказку через javascript:

$('some id or class that you add to the above a tag').tooltip()

Ответ 2

Подсказки должны быть инициализированы с помощью jQuery:

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>

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

Отметьте ссылку

Ответ 3

Отключить функциональность По соображениям производительности, данные всплывающей подсказки и всплывающие подсказки включены, то есть вы должны сами их инициализировать.

Один из способов инициализации всех всплывающих окон на странице - выбрать их по их атрибуту переключения данных:

    $(function () {
  $('[data-toggle="popover"]').popover()
})