bootstrap - как отобразить динамический div внутри popover

Question

Я работаю над загрузкой Twitter 3 и задаюсь вопросом о popover. У меня есть много кнопок на моей странице с «подробностями» класса, и я хочу использовать popover для этих кнопок. но Содержимое popover должно быть разным для каждой кнопки. для этой цели у меня есть

<div class="details-box" style="display: none;"> 
    <h1>Dynamic content</h1> 
</div> 

для каждой кнопки. примечание к содержимому этих разделов динамическое и происходит с моего сервера. теперь мой вопрос: как я могу использовать эти divs внутри popovers?

Answer 1

Для каждой кнопки, получить текст внутри h1 с text() функции и присвоить его data-content атрибут

Проверить это demo

var box = $('.details-box'); 
box.each(function() { 
    var that = $(this); 
    var text = that.text(); 
    that.attr('data-content', text); 
    that.popover(); 
});