Javascript Can'；t让引导Popover在生成的卡上工作

我有一个简单的搜索网站，可以生成带有艺术家姓名、封面艺术和与搜索词对应的专辑标题的引导卡。我想在单击专辑封面艺术图像时包含“下一步单击时解除”弹出框，该图像显示专辑或封底艺术的歌曲列表。我已经让popover可以处理HTML文件中的简单文本，但是当我将JS文件中的相同代码应用到卡上时，它就不起作用了

下面是我的函数片段，用于输出卡片，获取循环通过对象数组的信息

$(document).ready(function () {
$('[data-toggle="popover"]').popover()
});

function outputResults() {
  outputDiv.append(`<div class="card album bg-dark text-white col" style="width:18rem;"><h5 class="card-header">${i.artist}</h5>
    <a tabindex="0" data-trigger="focus" title="SONGS" data-toggle="popover"  data-content="THIS IS THE INFO I WANT TO SHOW IN THE POPOVER"><img class="card-img-top" src="${i.cover}" alt="${i.title}"></a>
    <div class="card-footer"><a target = "_blank" href="${i.link}">"${i.title}"</a> -${i.year}</div></div>`).children(':last').hide().fadeIn(1500);
};

$（文档）.ready（函数（）{
$（'[data toggle=“popover”]'）。popover（）
});
函数输出结果（）{
outputDiv.append（`${i.artist}
-${i.year}`）.children（':last'）.hide（）.fadeIn（1500）；
};

我相信这与加载页面时html中不存在popover有关，而是在按下按钮后为每个卡片生成popover

这是我在弹出窗口工作的HTML文件中创建的代码：

<a tabindex="0" data-trigger="focus" title="Header" data-toggle="popover" data-content="Some content">Click Me</a>

点击我

如果数据切换不起作用，我认为您应该尝试在popover上使用toggle（）函数

---

我想你想要这样的东西。若并没有，那个么告诉他们。使用按钮点击做同样的事情

$（文档）.ready（函数（）{
$（'[data toggle=“popover”]'）。popover（）
});
输出结果（）；
函数输出结果（）{
$（“#outputDiv”）.append(`

















单击此处

，这对我也不起作用。你能分享工作代码片段吗？是的，我刚刚添加了有效的代码。这有用吗？是的！所以我首先在生成引导卡的按钮上单击$（'a'）。popover（“show”）；这会立即显示popover，这不是我想要的，所以我只添加了一个$（'a'）.popover（“hide”）；就在那之后，现在它工作得很好！我想问题是我试图在一些还不存在的东西上调用popover，因为创建页面上所有内容的按钮已经存在，它工作得很好。谢谢！