Twitter bootstrap 引导popover不适用于类，但适用于id

我一直在尝试让bootstrap popover插件在共享同一类的多个元素上工作。目前，它是大灰色块级别的“更多信息”按钮。你可以找到链接

以前，当它是一个单数id（如so id=pop）和以下JavaScript时，popover工作：

$(document).ready(function() {
   $('#pop').popover()
});

但是，当我将显示“更多信息”的两个按钮从id=pop更改为class=pop，并相应地放大JavaScript时，popover将停止处理多个按钮：

$(document).ready(function() {
   $('.pop').popover()
});

<a class="btn btn-block pop" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="top" data-toggle="popover" data-original-title="Popover on right">More Information</a></p>      

---

是不是popover插件不能在同一类的多个元素上工作？如果您查看我提供的链接，则不会出现控制台错误。

您可以使用以下内容：

$('.pop').popover({
    html: true,
    content:mycontent,
    trigger: 'manual'
}).click(function(e) {
    $(this).popover('toggle');
    e.stopPropagation();
});  

在javascript中：

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

在Html中：

<p><a class="btn btn-block pop" rel="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on right">More Information</a></p>

<p><a class="btn btn-block pop" rel="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on right">More Information</a></p>

---

刚刚在你的链接上测试过，我在两个“更多信息”按钮上都得到了一个弹出框。Chrome版本24.0.1312.57，OSX Mountain Lion