问

Bootstrap Popover - 如何在文本popover中添加链接？

徐新nina 发布于 2023-02-13 17:44

bootstrap

button

html

我使用bootstrap 3 popover.

现在我想链接文本popvover.

码:

link on content" 
  data-original-title="test title"
  >
  test link

但是当我在html中启动代码时,我看到:

link on content
" 
data-original-title="test title"
>
test link

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

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

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

2 个回答

你需要在初始化popover时传递html带有值的选项,true如下所示.

演示

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">test link</a>

2023-02-13 17:46 回答

Black

只需使用属性data-html ="true"即可.

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

2023-02-13 17:46 回答

楠楠妈妈05乄23

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签