twitter-bootstrap - 如果元素最初是隐藏的，则引导工具提示不起作用

Question

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

我该如何克服这个问题？

score 1 · Accepted Answer

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

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

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

一切都好，但是...因为我使用的是 UpdatePanels (ASP.NET)，并且我的内容是通过异步回发显示/隐藏的，所以 $(document).ready() 不会被调用！！！

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

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

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

问题解决了：）

score 1 · Accepted Answer

请注意，Bootstraptooltip.js不能很好地处理隐藏元素。这是来自 Bootstrap 文档（链接）的注释。

不要尝试在隐藏元素上显示工具提示

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

2 回答 2