Javascript 无法循环引导弹出窗口中的数据内容以显示Python列表数据

我目前正在尝试创建一个本地仪表板，显示有关产品区域的特定信息，它符合我最初的意图，但我想稍微扩展功能，这就是我目前遇到的问题

代码是用Python编写的，它从数据库中获取数据并将其放入Python列表中。下面的列表是SQL经过for循环并附加到contractname列表后的输出

contractname = [u'Contract Almond', u'Contract Amber', u'Contract Black']

然后，我使用这个列表中的数据，使用Flask和Jinja2模板引擎将其呈现到HTML页面上。我在仪表板上有一个显示“总数”的功能，这也是我想要的，但我想在引导弹出窗口中显示所有合同名称。如果我不使用jinja2“for”语句，它会显示上面列表中的popover内容，看起来有点难看

我想在同一个弹出框中显示每个值，并将每个值放在框中的另一行。目前，它只是每次重复该元素，并为每个contractname提供自己的popover。它应该循环的数据在

数据内容=“{{name}}

中

popover的Javascript：

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

HTML代码：

<div class="center">
{% for name in contractname %}
<p id="Number" data-container="body" data-toggle="popover" data-placement="top" title="Contracts" data-content="{{ name }}">{{ contracts }}</p>
{% endfor %}
</div>

{contractname%中的名称为%s}
{{{Contracts}
{%endfor%}

我可以理解为什么它会重复自己，因为for循环只指向

标记，但我就是不知道如何只循环元素的

数据内容=“{{name}}

部分

我已经浏览了google和stackoverflow，但是我还没有找到一个解决方案来让它工作。这可能是一件非常简单的事情，我没有看到，因为我已经看了这么久

这方面的任何帮助都会很好！提前谢谢你

这应该可以

<div class="center">
<p id="Number" data-container="body" data-toggle="popover" data-placement="top" title="Contracts" data-content="{% for name in contractname %}{{ name }} <br/> {% endfor %}">{{ contracts }}</p>
</div>

{{Contracts}

你是传奇人物！那真是太棒了！我需要将

data html=“true”

添加到

元素中，以允许

但除此之外，它完成了工作！！非常感谢！