如果最初隐藏元素，则Bootstrap Tooltip不起作用

Question

我有一些按钮可以显示Bootstrap工具提示的详细信息。我的主要问题是这些按钮最初隐藏在div（display：none;）中，当显示div时（display：block;），工具提示不起作用。

我如何克服这个问题？

Answer 1

好的，我发现了我的问题...

我在$（document）.ready（）中初始化bootstrap的工具提示：

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

一切都好，但是......因为我使用UpdatePanels（ASP.NET）并且我的内容通过异步回发显示/隐藏，$（document）.ready（）没有被调用！ !!

为了在每个异步回发（和正常的回发）上初始化工具提示插件，我将它添加到页面加载功能：

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

pageLoad（）函数由ASP.NET Ajax在网页首次加载时调用，但也在每个异步回发上调用。因此，在异步回发后再次注册工具提示插件。

问题解决了:)）

Answer 2

请注意，Bootstrap的tooltip.js在隐藏元素上效果不佳。以下是Bootstrap的文档(link)中的注释。

  

请勿尝试在隐藏元素上显示工具提示

     

当目标元素为$(...).tooltip('show')时调用display: none;将导致工具提示错误定位。