Может ли Bootstrap 3 popovers использовать внешний div для содержимого?

Все примеры здесь http://getbootstrap.com/javascript/#popovers Используйте встроенное содержимое для всплывающих окон с атрибутом data-content.

Что я хотел бы сделать, так это установить скрытый div на моей странице с контентом и нацелить его на триггер popover, например: 

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

И затем 

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

Как спусковой крючок. Но как его вызвать?

1 8
jquery twitter-bootstrap twitter-bootstrap-3

1 ответ:

Используйте опцию content функции popover для передачи содержимого: 

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

Чтобы иметь возможность использовать HTML-контент, используйте: 

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

Я подготовил для вас рабочий пример.

16