关于AJAX内容的Bootstrap工具提示

时间:2015-05-05 07:41:11

标签: ajax twitter-bootstrap tooltip

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

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

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

$(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'
    });
});

但仍然无法让它发挥作用。有人可以帮助我。

问候!

1 个答案:

答案 0 :(得分:1)

好的,我在发布问题后找到答案:

在这里,因为有时候有点令人沮丧:

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