Bootstrap Popover - 如何在文本弹出窗口中添加链接？

Question

我使用 bootstrap 3 弹出窗口。

现在我想要文本 popvover 上的链接。

代码：

 <a href="#"
  role="button"
  class="btn popovers"
  data-toggle="popover"
  title=""
  data-content="test content <a href="" title="test add link">link on content</a>"
  data-original-title="test title"
  >
  test link
</a>

但是当我在 html 中开始代码时，我看到：

 <a href="#" role="button" class="btn popovers" data-toggle="popover" title="" data-content="test content &lt;a href=" "="">link on content</a>
"
data-original-title="test title"
&gt;
test link

我知道符号中的问题 " 但我不知道在链接中添加链接…

请告诉我如何编写正确的代码？

PS：如果问题已经存在，请给我链接。

原文由 user2881809 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要传递 html 值为 true 的选项，同时初始化弹出框，如下所示。

演示

记者：

 $("[data-toggle=popover]")
.popover({html:true})

HTML:

 <a href="#" role="button" class="btn popovers" data-toggle="popover" title="" data-content="test content <a href='' title='test add link'>link on content</a>" data-original-title="test title" target="_blank">test link</a>

原文由 Nikhil N 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

只需使用属性 data-html=“true” 。

 <button
  data-toggle="popover"
  data-content="Link: <a href='xyz.com'>XYZ</a>"
  data-html="true">
  CLICK
</button>

原文由 netAction 发布，翻译遵循 CC BY-SA 3.0 许可协议