Bootstrap 4 Как инициализировать разные типы popover

Question

У меня есть два типа popover, которые я хочу использовать с Bootstrap 4. Но, похоже, я могу инициализировать ВСЕ popovers, или я могу их инициализировать индивидуально;

Так что я могу это сделать;

$('[data-toggle="popover"]').popover(); 

или я могу это сделать;

$('.basket').popover({ 
    html: true, 
    content: function() { 
    return $('#usertools_content_wrapper').html(); 
    } 
}); 

Но я не могу сделать то и другое, я чего-то не хватает? как я хотел бы некоторые из моих Popovers быть встроенным, а некоторые, HTML ориентированы ...

Любые советы будут оценены

Даррена

Answer 1

Это действительно вопрос селектора JQuery вы использование. Почему бы не дать каждому элементу popover уникальный идентификатор? Затем инициализируйте их индивидуально с помощью идентификатора.

<a href="" id="item1" data-toggle="popover">popover element</a> 
<a href="" id="item2" data-toggle="popover">popover element</a> 

$('#item1').popover(); 
$('#item2').popover();