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

Twitter Bootstrap Tooltip with Ajax Injected Elements in Firefox

我使用Ajax将元素注入到DOM中：

1
2
3
4
5
6
7
8
9
10

$.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小提琴：http://js fiddle.net/cyberjar09/4numu/1/

我注意到当我删除button元素外的icon元素时，firefox又开始工作了。

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

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

发生了什么？

我通常在DOM中看到一个元素作为要在其上执行工具提示的元素的兄弟元素出现，但在firefox中使用im测试的动态元素不会出现这种情况。

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