Как прикрепить объект к динамически добавленному элементу в JQuery

Question

Я использую Bootstrap 4 popover примерно так:

$('[data-toggle="popover"]').popover({
    trigger: 'hover'
});

Но теперь в jquery я динамически добавляю элемент.

var leaveUser = $('.popover').clone().prependTo('.new-popups');

Но .popover() не влияет на этот новый динамически добавленный элемент. Как мне заставить его работать?

Answer 1

Следующее:

$('[data-toggle="popover"]').popover({
    trigger: 'hover'
});

Будет соответствовать только элементам, которые в данный момент находятся в DOM, а не ваш клон.

Вам нужно будет либо использовать этот выбор и метод после клонирования или явного вызова метода для вашего нового элемента после клонирования:

var leaveUser = $('.popover')
    .clone()
    .prependTo('.new-popups')
    .popover({
        trigger: 'hover'
    });