如何在Bootstrap Popover上显示特定元素

Question

我想在Popover中显示bootstrap选项卡。我提到了Bootstrap文档，但无法正确实现。以下是我试过的代码

http://jsfiddle.net/p57pD/1/

var tab = $('#mytab');
$('#mypop').popover({
    selector: tab
});

我不确定我为实现这项工作而犯的错误是什么。感谢有人能帮我理解错误。

Answer 1

我认为你不需要选择器;你可以用这个：

$('#mypop').popover({
    html: true,
    content: function() {
      return $('#mytab').html();
    }
})

请注意，div应该是id="mytab"而不是class="mytab"，就像你的小提琴一样。

工作样本（从你的小提琴分叉）是here。

外卖：

1. 设置html = true以允许在popover中使用html。
2. 使用content函数返回html - 在您的情况下来自隐藏的div
3. 不要使用选择器选项;这对我来说有点令人困惑（至少对我来说），但它并不打算像你的例子中那样使用已经在dom中的元素ref 1 ref2