bootstrap tooltip on dynamic element
bootstrap tooltip on dynamic element
xxxxxxxxxx$("body").tooltip({ selector: '[data-toggle="tooltip"]'});Source: stackoverflow.com
Closely Related Answers
xxxxxxxxxx<!-- you must initialize tooltips before --><span class="tooltip-info" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="Html inside<br>tooltip?<hr>So cool!"> Tested in Bootstrap 5.2</span>Source: Grepper
xxxxxxxxxxconst tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')const tooltipList = [tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))Source: getbootstrap.com
xxxxxxxxxx<p class="muted">Placeholder text to demonstrate some <a href="#" data-bs-toggle="tooltip" data-bs-title="Default tooltip">inline links</a> with tooltips. This is now just filler, no killer. Content placed here just to mimic the presence of <a href="#" data-bs-toggle="tooltip" data-bs-title="Another tooltip">real text</a>. And all that just to give you an idea of how tooltips would look when used in real-world situations. So hopefully you've now seen how <a href="#" data-bs-toggle="tooltip" data-bs-title="Another one here too">these tooltips on links</a> can work in practice, once you use them on <a href="#" data-bs-toggle="tooltip" data-bs-title="The last tip!">your own</a> site or project.</p>Source: getbootstrap.com
xxxxxxxxxx<p class="muted">Placeholder text to demonstrate some <a href="#" data-bs-toggle="tooltip" data-bs-title="Default tooltip">inline links</a> with tooltips. This is now just filler, no killer. Content placed here just to mimic the presence of <a href="#" data-bs-toggle="tooltip" data-bs-title="Another tooltip">real text</a>. And all that just to give you an idea of how tooltips would look when used in real-world situations. So hopefully you've now seen how <a href="#" data-bs-toggle="tooltip" data-bs-title="Another one here too">these tooltips on links</a> can work in practice, once you use them on <a href="#" data-bs-toggle="tooltip" data-bs-title="The last tip!">your own</a> site or project.</p>Source: getbootstrap.com
xxxxxxxxxx$('#myTooltip').on('hidden.bs.tooltip', function () { // do something…})Source: getbootstrap.com
Twitter 
LinkedIn