Quantcast
Channel: Active questions tagged blazor - Stack Overflow
Viewing all articles
Browse latest Browse all 4839

How to initialize multiple bootstrap tooltips with Blazor server components?

$
0
0

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.


Viewing all articles
Browse latest Browse all 4839

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>