Javascript 如何将对象附加到JQuery中动态添加的元素

我正在使用Bootstrap 4

popover

这样：

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

但是现在在jquery中，我动态地添加了一个元素

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

但是

.popover（）

对这个新的动态添加的元素不起作用。 如何使其工作？

以下内容：

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

将只匹配当前在DOM中的元素，而您的克隆不是

您需要在克隆后使用此选择和方法，或者在克隆新元素后显式地调用该方法：

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

---

您是否尝试在选择器中使用它的父容器，如[$（'.container[data toggle=“popover”]'）.popover（{trigger:'hover'}）；]@Bilel否，但这会有什么区别？它仍然绑定到相同的元素，但不会绑定到新的元素。是否尝试过？：）在任何情况下，通过append（）clone（）appendto（）prepend（）在jQuery中动态添加元素。。。。可以使用其父容器（dom可用）将它们作为目标。除非popover库正在添加异常。这就是为什么我问你是否试过：）@Bilel好吧，我的问题解决了，当然要感谢乔治·安斯韦尔！我的克隆人永远不会得到这个，谢谢！让我试试你的建议。