I'm trying to initialize multiple tooltips on a page, including tooltips in blazer components, but nothing works and there are no errors.
This is didn't work for me:
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs- toggle="tooltip"]'))var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl)})And this too:
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))But for a single tooltip this method works great:
$(document).ready(function () { $("body").tooltip({ selector: '[data-bs-toggle=tooltip]' }); });Maybe someone has already encountered something similar. I tried to connect the script everywhere possible and tried different versions of bootstrap.