Инициализация popover (bootstrap 4) в машинописном тексте

Question

Любопытно, сможет ли кто-нибудь помочь в этом. То, что я пытаюсь сделать, это инициализировать popover и каждый data-toggle = "popover", который найден с помощью querySelectorAll().

Использование машинописных шрифтов для этого.

export class Popover { 
    init() { 
    let popoverList = document.querySelectorAll('[data-toggle="popover"]'); 

    let item = popoverList[i]; 
    // I thought than doing something like this would work but there is probably more to it any ideas? 
    item.popover(); 
    } 
} 

Является чем-то вроде того, что я делаю возможным в некотором роде? Или нужен jQuery для инициализации popover?

Любая помощь была бы принята с благодарностью.

Answer 1

Да, требуется jQuery. Вот один из вариантов:

$(() => { 
    $('[data-toggle="popover"]').popover() 
})