Javascript工具提示僅出現在第二次懸停

我正在使用jQuery和Twitter Bootstrap，並希望在懸停在鏈接上時出現tooltip。但是，第一次將鼠標懸停在鏈接上時，工具提示不會顯示，但如果我將鼠標移開並重新打開，則每次都會對該鏈接起作用。Javascript工具提示僅出現在第二次懸停

我有幾個這些頁面上：

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

我創建了一個的jsfiddle證明：jsFiddle。任何幫助將不勝感激 - 先謝謝了！

來源

2013-06-24 Andrey

發生了什麼事是，你實例化插件，當你將鼠標放置到它的元素第一次，然後該插件在該元素上的後續鼠標懸停中按預期工作。

使用在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>

來源

2013-06-24 00:38:11

.tooltip()功能啓動鏈路上的提示效果，不顯示工具提示

說明：

當$(this).tooltip()被觸發第一懸停時，它首先實例化插件。然後最後在第二個懸停你得到工具提示。

解決方案：

添加這對您的代碼：

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

Solution (JSFiddle)

來源

2013-06-24 00:37:03 Starx

-2

我認爲這將是，如果清潔你讓JQuery處理mouseover事件，並把所有的代碼裏面的$（document）。就緒

類似的問題和解決方案可以在這裏找到： Jquery onmouseover triggers on second event

來源

2013-06-24 00:44:09 CalebC

-1，因爲你忽略了這個問題。 – Starx

Javascript工具提示僅出現在第二次懸停

回答

相關問題