如何将对象附加到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'
    });