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 <a href=" "="">link on content</a> " data-original-title="test title" > 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”正在使用链接属性:)