Bootstrap 3 popovers可以使用外部div作为内容吗？

Question

这里的所有示例http://getbootstrap.com/javascript/#popovers都使用带有data-content属性的popover的内联内容.

我想要做的是div在我的页面上设置隐藏的内容,并从弹出窗口触发器中定位,如:

<div id="myPopoverContent">
   ...stuff...
</div>

然后

<a ng-href="" data-toggle="popover"><span class="badge">12</span> You have 12 messages.</a>

作为触发器.但是如何触发？

Answer 1

使用函数content选项popover传递内容:

{
    content: $('#myPopoverContent').text()
}

为了能够使用HTML内容,请使用:

{
    content: $('#myPopoverContent').html(),
    html: true
}

我为你准备了一个工作实例.