本文介绍了Bootstrap Popover - 如何在文本弹出窗口中添加链接?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用 bootstrap 3 popover.

现在我想要文本 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

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

I know that problem in symbol " but i don't know have add link in link...

请告诉我正确的代码如何?

P.S.:如果问题已经存在,请给我链接.

推荐答案

在初始化 popover 时,您需要传递值为 truehtml 选项,如下所示.

You'll need to pass html option with value true while initializing popover like following.

演示

JS:

$("[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>

这篇关于Bootstrap Popover - 如何在文本弹出窗口中添加链接?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-18 00:08
查看更多