twitter-bootstrap - BootstrapPopoverで特定の要素を表示する方法

Question

Popover内のブートストラップタブを表示したいと思います。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"

実用的なサンプル（フィドルからフォークされたもの）はここにあります。

要点：

1. html = trueポップオーバー内でhtmlを許可するように設定します。
2. 関数を使用しcontentてhtmlを返します-あなたの場合は隠されたdivから来ています
3. このためにセレクターオプションを使用しないでください。（少なくとも私にとっては）少し混乱しますが、例ref1ref2のようにすでにdomにある要素で使用することを意図したものではありません 。