Всплывающая подсказка Javascript появляется только при втором зависании

Question

Я использую jQuery и Twitter Bootstrap и хочу, чтобы при наведении курсора на ссылку отображались tooltip. Однако всплывающая подсказка не появляется в первый раз, когда я наводил ссылку на ссылку, но если я сдвигу мышь и снова включился, она будет работать каждый раз для этой ссылки.

У меня есть несколько из них на странице:

<a href="#" onmouseover="$(this).tooltip();" class="postAuthor" data-original-title="@username">Full Name</a> 

Я создал jsFiddle, чтобы продемонстрировать: jsFiddle. Любая помощь была бы оценена - спасибо заранее!

Answer 1

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

Используя конфигурацию, предложенную в docs работах (см fiddle):

JavaScript:

// tooltip demo 
$('div').tooltip({ 
    selector: "a[data-toggle=tooltip]" 
}) 

HTML:

<div style="text-align: center; width: 100%; margin-top: 50px;"> 
    <a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a> <p/><p/> 
    <a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a><p/> 
    <a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a><p/> 
    <a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a><p/> 
    <a href="#" data-toggle="tooltip" class="postAuthor" data-original-title="@username">Full Name</a> 
</div> 

Answer 2

.tooltip() функции инициирует подсказке эффект на ссылке, не показать всплывающую подсказку

Пояснение:

Когда $(this).tooltip() запускается на первом парении, это создать экземпляр плагин в первую очередь. Затем, наконец, во втором наведении вы получаете всплывающую подсказку.

Решение:

Добавить это на код:

$(function() { 
    $("a").tooltip(); 
}); 

Solution (JSFiddle)

Answer 3

Я думаю, что было бы чище, если вы позволяете JQuery обрабатывать событие mouseover, и поместить все коды внутри $ (документ) .ready

Аналогичные проблемы и решение можно найти здесь: Jquery onmouseover triggers on second event