Show bootstrap tooltip after $().show()

Question

From bootstrap:

Don't try to show tooltips on hidden elements

Invoking $(...).tooltip('show') when the target element is display: none; will cause the tooltip to be incorrectly positioned.

But what happens if I first $('el').show(); then $('el tooltips).tooltip()?

Why it still does not work?

Answer 1

This may be an issue with your css, check this , however if you just want to make sure that your code is executed exactly after the element is shown, then use this code

$(yourElement).show(0, function () {
 $(this).find('.tooltips').tooltip();
});