AJAX 内容的 Bootstrap 工具提示

Question

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

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

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

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

这对于普通内容非常有效，但对于 ajax 则无效。

其次，我在这里发现我需要添加一个选择器，因此我以这种形式向 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]'
});