Twitter引导程序和动态dom元素

Question

我正在使用Twitter Bootstrap来创建工具提示.目前,我初始化工具提示$(document).ready():

$(document).ready(function() {
    $('[data-toggle="tooltip"]').tooltip();
});

这tooltip()为具有该data-toggle元素的每个元素调用(在监听器中).

问题是如果我有动态DOM元素(使用Ajax),tooltip()就不会调用它们.我想到了以下解决方案:

$(document).ready(function() {
    $('body').on('ready', '[data-toggle="tooltip"]', function() {
        $(this).tooltip();
    });
});

但这不起作用..

有任何想法吗..？

Answer 1

只需在ajax方法返回后重新启动插件(并且已注入新元素):

$.ajax({
    url: 'foo.html',
    type: 'post',
    data: { foo: "bar"},
    success: function (html) {

        $("#foo").html(html);
        $('[data-toggle="tooltip"]').tooltip();
    }
});