Twitter Bootstrap PopOverは最初のトリガーでのみ動作します

Question

私はTwitter Bootstrapを使ってサイトの基本レイアウトを構築しています。私は、各品目は、私が

以上のようなポップとして表示したいデータの属性があり、データのテーブル表示する必要があります。

<tr> 
    <td><a href="#" class="popover-test" id ="test" rel="popover" 
      data-content="Content 1: this shows fine!" data-original-title="Title 1">Hover for popover</a> 
    </td> 
    <td>two</td> 
    <td>three</td> 
</tr> 
<tr> 
    <td><a href="#" class="popover-test" id ="test" rel="popover" 
      data-content="Doesn't show :(" data-original-title="Title 2">Hover for popover</a> 
    </td> 
    <td>two</td> 
    <td>three</td> 
</tr> 

をそれがポップオーバーのみということかかわらず表示されますリストの最初の要素で作業します。これを参照してください：http://jsfiddle.net/stycu/

これは設計上の問題であるか、これがバグかどうかを知っている人はいますか？私はgithubの問題をチェックしましたが、それを参照するものは何も見えません。あなたのコールとIDに#testのIDを参照し、事前

Answer 1

$(function() { 
    $("#test").popover(); 
}); 

で

おかげで要素ごとに一意である必要があり、これだけ最初のポップオーバーが表示されていました。

rel popover属性またはクラスをターゲットにする代わりに、属性セレクタを使用してください。

$(function() { 
    $('[rel="popover"]').popover(); 
}); 

Demo

Answer 2

それが唯一の宝石 "さえずり - ブートストラップ・レール" application.jsで

$(document).ready(function() { 
    options = { 
    trigger : 'hover' 
    } 
    $('[rel="popover"]').popover(options); 
}); 

チェック

<tr> 
<td><a href ="#" rel="popover" data-content="Content 1: this shows fine!" data-original-title="Title 1" >Hover for popover</a> 
</td> 
</tr> 

<tr> 
<td><a href ="#" rel="popover" data-content="Doesn't show :(" data-original-title="Title 2">Hover for popover</a> 
</td> 
</tr> 

ビューで作業しますそれは私このコードを書いて作業していますhttp://jsfiddle.net/stycu/