Bootstrap JS работает, но не tooltip

Question

Я подтвердил, что мой bootstrap.js работает, вызывая выпадающий список, а также модальное всплывающее окно. Оба они работают, но когда я пытаюсь заставить всплывающую подсказку работать, это терпит неудачу. Насколько я понял из документации here вы просто должны поставить это:

<a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a> 

Однако ни подсказка не появится вообще. Тем не менее, раскрывающийся список, который я вызываю с помощью того же API, что и ниже, работает:

<div class="dropdown"> 
    <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html"> 
     Dropdown 
     <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     ... 
    </ul> 
</div> 

Answer 1

Вы используете всплывающие подсказки неправильно. Вам нужно только указать атрибут title - плагин всплывающей подсказки устанавливает data-original-title.

Кроме того, из документации:

По соображениям производительности в подсказке и поповер данных-APIs являются выбрать, означая вы должны инициализировать их самостоятельно.

Таким образом, сделать что-то вроде:

$('[data-toggle="tooltip"]').tooltip() 

как улов-все. Скорее всего, вы захотите выбрать меньшее количество элементов, чтобы сохранить достойную производительность.