0

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>

这是我初始化弹出框的方式:

<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 的情况下,弹出框按预期工作。

4

1 回答 1

0

这是在弹出窗口中显示 HTML 内容的解决方案。参考这个演示 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>'
});
于 2013-10-18T08:58:37.843 回答