bootstrap - 如何在popover中显示动态div

Question

我正在使用Twitter bootstrap 3并且有关于popover的问题。我的页面中有很多按钮，上面有＃34;详细信息＆＃34;我想使用popover这些按钮。但 每个按钮的弹出窗口内容必须不同。为此，我有一个

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

每个按钮

。注意这些div的内容是动态的，来自我的服务器。现在我的问题是：如何在popovers中使用这些div？

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();
});