Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/mongodb/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap Bootstrap popover不';t显示href链接_Twitter Bootstrap_Popover - Fatal编程技术网

Twitter bootstrap Bootstrap popover不';t显示href链接

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=" &lt;div&gt;&lt;br/&gt; &lt;a&nbsp;href='http://gru

popover pop是,但我没有看到链接-只是文本,我不确定这里出了什么问题:

<a class="sharepopover" data-original-title="Share the MMS to your groups" data-placement="top" data-content="
        &lt;div&gt;&lt;br/&gt;

            &lt;a&nbsp;href='http://gruppu.com/share/1#2'&gt;&nbsp;ludek&nbsp;&lt;/a&gt;&lt;br/&gt;

            &lt;a&nbsp;href='http://gruppu.com/share/1#3'&gt;&nbsp;kunda&nbsp;&lt;/a&gt;&lt;br/&gt;

            &lt;a&nbsp;href='http://gruppu.com/share/1#4'&gt;&nbsp;testik&nbsp;&lt;/a&gt;&lt;br/&gt;

        &lt;/div&gt;">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>&quot;This is link 2&quot;</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>'
});