如果元素最初是隐藏的，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;将导致工具提示中定位不正确提示。