firefox - Firefox に Ajax が挿入された要素を含む Twitter Bootstrap ツールチップ

Question

AJAX を使用して要素を DOM に挿入しています。

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

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

Firefox で で囲まれた DOM 要素にツールチップが適用されないようですbutton(V19.0 でテスト済み)

JS フィドル: http://jsfiddle.net/cyberjar09/4nUMu/1/

ボタン要素の外側のアイコン要素を削除すると、Firefox が再び動作することに気付きました。

Firebug コンソールから要素を照会できます (それらは DOM に存在します)

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

どうしたの？

通常、<div class="tooltip" ...>ツールチップを実行したい要素の兄弟としてDOMに要素が表示されますが、Firefoxでテストしている動的要素ではこれは起こりません

IE 9 と Chrome 25 は問題なく動作するようです