0

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

4

1 回答 1

0

It was recognised as a legitimate issue on GitHub by Bootstrap team. It has been closed now: https://github.com/twitter/bootstrap/issues/7129

于 2013-07-27T01:11:26.737 回答