Bootstrap AJAX 内容的工具提示

Question

我对 ajax 加载内容的 bootstrap 工具提示有疑问。

我知道还有其他答案，但它似乎对我不起作用，我尝试了很多方法。

首先，我使用以下代码初始化 bootstrap 工具提示：

$(document).on('ready', this, function(e){
    $("[rel='tooltip']").tooltip();
});

在普通内容上效果很好，但在 ajax 上效果不佳。

其次，我在这里发现我需要添加一个选择器，所以我将 class 添加到 ajax 以这种形式加载的内容：

<button data-toggle="modal" rel='tooltip' data-placement="top" data-original-title="View Supplier Details" data-target="#view-supplier" type="button" class="btn btn-success view-supplier btn-xs margin-left-5 tooltip-aj">

并将工具提示的调用修改为以下内容：

$(document).on('ready', this, function(e){
    $("[rel='tooltip']").tooltip({
         selector:'tooltip-aj'
    });
});

但仍然无法正常工作。有人可以帮帮我吗

此致！

Answer 1

好的，我刚发布问题就找到了答案：

在这里，因为有时有点令人沮丧：

$('body').tooltip({
    selector: '[rel=tooltip]'
});

Answer 2

加上这个DEMO

<button data-toggle="modal" rel='tooltip' data-placement="right" data-original-title="View Supplier Details" data-target="#view-supplier" type="button" class="btn btn-success view-supplier btn-xs margin-left-5 tooltip-aj">

$('body').tooltip({
    selector: '[rel=tooltip]'
});

感谢神秘杰

Bootstrap AJAX 内容的工具提示

Bootstrap tooltip on AJAX content

ajax

twitter-bootstrap

tooltip