Bootstrap Popover – 如何在文本popup窗口中添加链接?

美好的一天。

我使用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 

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

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

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

你需要传递值为true html选项,同时像下面true初始化popover。

演示

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> 

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

 <button data-toggle="popover" data-content="Link: <a href='xyz.com'>XYZ</a>" data-html="true"> CLICK </button> 
 <a href="#" class="btn popovers" data-toggle="popover" title="" data-content="test content <a href='' title='test add link'>link on content</a>" data-html="true"><i class="glyphicon glyphicon-info-sign"></i></a> 

通过简单地添加data-html =“true”正在使用链接属性:)