Twitter Bootstrap 3弹出框内的HTML答案

【问题标题】：HTML inside Twitter Bootstrap 3 popoverTwitter Bootstrap 3弹出框内的HTML
【发布时间】：2014-03-12 18:20:00
【问题描述】：

我正在尝试在弹出框内制作 html。但它不起作用。

<a class="tasks-menu" data-toggle="popover" data-placement="bottom">Tasks</a>

<div id="popover_content_wrapper" style="display:none">HIDDEN CONTENT</div>

$(function(){

    $('[data-toggle=popover].tasks-menu').popover({ 
        html : true, 
        content: function() {
          return $('#popover_content_wrapper').html();
        }
    });

});

【问题讨论】：

您是否希望隐藏内容？
默认是隐藏的。 '显示：阻止'点击

标签： html twitter-bootstrap popover

【解决方案1】：

Bootstrap 弹出框可以很好地与您的代码配合使用。如果你想把popover_content_wrapper的整个html放到popover里面，你应该使用.clone()而不是.html()

http://www.bootply.com/121357

.html() 只会获取popover_content_wrapper 的内部，从而导致文本“隐藏内容”显示在弹出窗口中

【讨论】：

我找到了解决方案 =)) docs.min