Seeking assistance with initializing popovers using TypeScript. I am attempting to initialize each element with the data-toggle="popover" attribute found on the page using querySelectorAll().
Here is an example of what I have tried so far:
export class Popover {
init() {
let popoverList = document.querySelectorAll('[data-toggle="popover"]');
for (let i=0; i < popoverList.length; i++) {
let item = popoverList[i];
// I attempted to call popover() on each item, but it seems there might be more to it. Any suggestions?
// item.popover();
}
}
}
Is it possible to achieve this without using jQuery? Or is jQuery necessary for initializing popovers?
Any insights or guidance on this matter would be greatly appreciated.