Twitter BootstrapのポップオーバーにIDを割り当てることはできますか？

Question

私はTwitter Bootstrapのポップオーバーを表示することができましたが、私はそれらを操作できるように、作成時にIDを割り当てる方法がありますか？

HERESに私のコード今のところ： の.js

$('#test-button').popover({content:'test.', trigger:'click'}); 
$('#test-button').popover('show'); 

.htmlを

<a id='test-button' rel='popover'> 

Answer 1

あなたはポップオーバーの要素を取得するために使用できるオプションがいくつかあります：

1） Boostrap Popoverを変更して、オプションオブジェクトのidプロパティを受け入れ、それをテンプレートに挿入します（行：102）

2）idを使用してpopoverオプションにhtmlプロパティを設定します。その後、

$('#test-button').popover({html: true, content: '<div id="test-popover-content">... </div>'}) 

と

var testPopover = $('#test-popover-content').parent().parent(); 

Answer 2

経由ポップオーバーのコンテナにアクセスする最も簡単な方法は、あなたがしたいIDでtemplateを指定することです。

ポップオーバーの作成時に使用するベースHTML。

ポップオーバーのタイトルが.popover-titleに挿入されます。

ポップオーバーのコンテンツは.popover-contentに挿入されます。

.arrowがpopoverの矢印になります。

最も外側のラッパー要素には、.popoverクラスが必要です。

ここではデフォルトのテンプレートの値です：

'<div class="popover" role="tooltip"> 
    <div class="arrow"></div>¸ 
    <h3 class="popover-title"></h3> 
    <div class="popover-content"></div> 
    </div>' 

そして、あなたは、これは実際にする必要があります。この

$(#your-pop-over).popover({ 
    template:'<div id="your-id" class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'  
    });