在Firefox中使用Ajax注入元素的Twitter Bootstrap工具提示

时间:2013-03-01 02:23:03

标签: firefox twitter-bootstrap tooltip

我正在使用AJAX将元素注入DOM:

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

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

工具提示似乎不适用于Firefox中button包围的DOM元素(在V19.0上测试)

Js fiddle:http://jsfiddle.net/cyberjar09/4nUMu/1/

我注意到当我删除按钮元素外的图标元素时,firefox再次正常工作。

我能够从Firebug控制台查询元素(它们存在于DOM中)

$('[data-toggle="tooltip"]')

怎么了?

我通常会在DOM中看到一个<div class="tooltip" ...>元素作为我要执行工具提示的元素的兄弟元素但是对于动态元素我不会在Firefox中进行测试

IE 9和Chrome 25似乎工作得很好

1 个答案:

答案 0 :(得分:0)

它被Bootstrap团队认可为GitHub上的合法问题。 它现在已关闭: https://github.com/twitter/bootstrap/issues/7129