如何自動關閉Bootstrap Tooltip，點擊並失去焦點或切換標籤頁後，它會自動顯示？

Question

我注意到這個奇怪的工具提示行爲。

如果我點擊具有引導工具提示的鏈接，然後切換選項卡或最小化窗口，然後回到主窗口，即使鼠標沒有懸停它，工具提示也會顯示出來。

這是一個錯誤？或正常行爲？

http://jsfiddle.net/4nhzyvbL/1/

HTML代碼

<a data-original-title="Download" target="_blank" href="http://www.google.com/" 
    data-toggle="tooltip" title=""> click me and then come back to check me </a> 

CSS代碼

@import url("http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cerulean/bootstrap.min.css"); 
@import url("http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"); 
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"); 

JS代碼

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

我怎樣才能使工具提示，當用戶回來不顯示主要風流？即自動隱藏。

Answer 1

這是預期的行爲。從Bootstrap documentation,hover focus是顯示工具提示的默認觸發器。所以當你回到窗口時，鏈接會變得焦點，工具提示會顯示出來。您可以通過在元素上設置自己的觸發禁用它：

data-trigger="hover" 

還是在jQuery的初始化器：

$('[data-toggle="tooltip"]').tooltip({ 
    trigger: 'hover' 
}); 

例如： http://jsfiddle.net/4nhzyvbL/4/

Answer 2

這是工作在Firefox，沒」在其他瀏覽器中進行測試。

當標籤失去焦點時隱藏工具提示。

document.addEventListener('visibilitychange', function() { 
    $('[data-toggle="tooltip"]').tooltip('hide') 
}) 

Reference

Demo

Browsers Support - （IE 10，邊緣12，火狐38，鉻31，野生8，歌劇31，IOS SAFARI 7.1，機器人4.4.4，鉻爲android 44及以上版本）