jquery - Twitter bootstrap 和动态 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();
    }
});