如果元素最初是隱藏的，Bootstrap Tooltip不起作用

Question

我有一些按鈕可以顯示Bootstrap工具提示的詳細信息。我的主要問題是，這些按鈕最初隱藏在一個div（display：none;）中，當顯示div（display：block;）時，工具提示不起作用。

我該如何解決這個問題？

Answer 1

好吧，我想通了，我的問題......

我初始化引導在$（文件）工具提示。就緒（）：

$(document).ready(function() 
{ 
    $(".bsTool").tooltip(); 
}); 

一切好，但是...因爲我使用UpdatePanels（ASP.NET），我的內容是通過異步回傳顯示/隱藏，$（document）.ready（）不會被調用！

爲了初始化每個異步回發工具提示插件（和正常回傳），我將其添加到頁面加載功能：

function pageLoad() 
{ 
    $(".bsTool").tooltip(); 
} 

pageLoad的（）函數是由ASP.NET Ajax的呼籲網頁的第一次加載，但也在每個異步回發。因此，異步回發之後再次註冊工具提示插件。

問題解決了:)

Answer 2

注意引導的tooltip.js不會對隱藏要素很好地工作。以下是Bootstrap的文檔(link)的註釋。

不要試圖顯示在隱藏要素

調用$(...).tooltip('show')當目標元素是display: none;將導致工具提示中定位不正確提示。