bootstrap - 如何在弹出框内显示动态 div

Question

我正在 Twitter bootstrap 3 上工作，我有一个关于弹出窗口的问题。我的页面中有很多带有 class "details" 的按钮，我想为这些按钮使用弹出框。但每个按钮的弹出框内容必须不同。为此，我有一个[=3=]

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

每个按钮。注意这些 div 的内容是动态的，来自我的服务器。现在我的问题是：如何在弹出窗口中使用这些 div？

Answer 1

对于每个按钮，使用 text() 函数获取 h1 中的文本并将其分配给 data-content 属性

勾选这个demo

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

bootstrap - 如何在弹出框内显示动态 div

bootstrap - how to display dynamic div inside popover

html

jquery

popover

twitter-bootstrap