I'm experiencing an issue with bootstrap tooltips. The tooltips work in terms of functionality (showing on hover, positioning to the left, etc.), but they are not styled as expected.
I have an AJAX request that fetches data and populates a table. This data is then inserted into a container using .html(response).
I would expect the styling to not apply if the elements were loaded after the DOM, but why is the styling not being applied?
The stylesheet is included using , and it works on all other pages, so it seems like the stylesheets are loading properly.
I have tried initializing the tooltips in various locations to see if the styling is applied correctly, such as:
$('body').tooltip({
selector: '[data-toggle="tooltip"]'
});
And also including this every time the AJAX request is triggered:
$('[data-toggle="tooltip"]').tooltip();
Is there a specific reason why this issue would occur? Should CSS be applied to tooltips on DOM load?
Any assistance on this matter would be greatly appreciated!