I'm using AJAX to inject elements into the DOM:
$.ajax({
url: 'foo.html',
type: 'post',
data: { foo: "bar"},
success: function (html) {
$("#foo").html(html);
$('[data-toggle="tooltip"]').tooltip();
}
});
The tooltip does not seem to apply for DOM elements surrounded by button in Firefox (tested on V19.0)
Js fiddle : http://jsfiddle.net/cyberjar09/4nUMu/1/
I noticed when I remove the icon element outside the button element, firefox is working again.
I am able to query the elements from the Firebug console (they exist in the DOM)
$('[data-toggle="tooltip"]')
What's wrong?
I usually see a <div class="tooltip" ...> element appear in the DOM as a sibling for the element on which I want to execute tooltip but this does no happen for the Dynamic elements Im testing with in Firefox
IE 9 and Chrome 25 seem to work just fine