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

Question

此处的所有示例http://getbootstrap.com/javascript/#popovers都使用带有data-content属性的弹出窗口的内联内容。

我想要做的是在我的页面上设置隐藏的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
}

我为你准备了working example。