On my site I use Bootstrap v5.3
I have a main page (index.php) and a PHP file which I use to request information from the database (load.php).
I use a jquery function to load content via load.php to my main page every 30 seconds and display it there.
I also have a navbar with a reload button on my main page. This reload button has a tooltip.
When I click the reload button, load.php is called again.
The content that is reloaded via load.php also contains tooltips.
When I click the reload button, the content is loaded and displayed correctly (the tooltips also work). But the tooltip of the reload button gets stuck.
What could be the reason for this?
I tried to add the Enable Tooltips JavaScript from the Bootstrap documentation to load.php as well.
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))