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>

虽然弹出窗口只能与列表中的第一个元素一起使用.看到这个jsfiddle:http://jsfiddle.net/stycu/

有谁知道这是设计还是这是一个错误？我已经检查了github上的问题,但看不到任何引用它的东西.

提前致谢

Answer 1

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

您正在引用#test呼叫的ID,并且每个元素的ID必须是唯一的,因此只显示第一个弹出窗口.

使用属性选择器来定位您的relpopover属性或类.

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

演示