Twitter引导程序和动态dom元素

Question

我正在使用Twitter Bootstrap创建tooltips。目前，我在$(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();
    }
});