Question

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>

更新

没有转义数据内容中的html，popover按预期工作。

Answer 1

以下是在popover中显示HTML内容的解决方案。请参阅 demo JSFiddle

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：

$('#example').popover({
    html:true//,
    //content:'<a href="#">This is link</a>'
});

Bootstrap popover不显示href链接

1 个答案: