Twitter bootstrap Bootstrap popover不';t显示href链接
popover pop是,但我没有看到链接-只是文本,我不确定这里出了什么问题:Twitter bootstrap Bootstrap popover不';t显示href链接,twitter-bootstrap,popover,Twitter Bootstrap,Popover,popover pop是,但我没有看到链接-只是文本,我不确定这里出了什么问题: <a class="sharepopover" data-original-title="Share the MMS to your groups" data-placement="top" data-content=" <div><br/> <a href='http://gru
<a class="sharepopover" data-original-title="Share the MMS to your groups" data-placement="top" data-content="
<div><br/>
<a href='http://gruppu.com/share/1#2'> ludek </a><br/>
<a href='http://gruppu.com/share/1#3'> kunda </a><br/>
<a href='http://gruppu.com/share/1#4'> testik </a><br/>
</div>">Share</a>
下面是初始化popover的方法:
<script type="text/javascript">
$(function () {
// $("#sharepopover").popover({html: true, trigger: "click"});
$('html').click(function(e) {
$('.sharepopover').popover('hide');
});
$('.sharepopover').popover({
html: true,
trigger: 'manual'
}).click(function(e) {
$(this).popover('toggle');
e.stopPropagation();
});
});
</script>
$(函数(){
//$(“#sharepopover”).popover({html:true,触发器:“click”});
$('html')。单击(函数(e){
$('.sharepopover').popover('hide');
});
$('.sharepopover').popover({
是的,
触发器:“手动”
})。单击(功能(e){
$(this.popover('toggle');
e、 停止传播();
});
});
更新:
如果不转义数据内容中的html,则popover将按预期工作。以下是在popover中显示html内容的解决方案。请参阅此 HTML:
<button class="btn btn-default" data-placement="bottom" data-toggle="popover" data-container="body" type="button" data-original-title="" data-content='<a href="#">This is link</a><br><a href="#"><b>"This is link 2"</b></a>' data-trigger="click" id="example"> Click to Popover bottom</button>
单击以弹出底部
JS:
$(“#示例”).popover({
html:true/,
//内容:“”
});
$('#example').popover({
html:true//,
//content:'<a href="#">This is link</a>'
});