下拉菜单中的twitter引导弹出窗口不起作用

Question

  <div class="btn-group">
   <button class="btn dropdown-toggle" data-toggle="dropdown"> Reviews </button>
   <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
   <ul class="dropdown-menu">
      <li><a href="#" id="reviewhover" rel="popover" placement="right" data-content="Reviewer:testuser is too good, too cool, too sad, too bad, too right, too wrong">testuser 2012/08/12 12:25:42:836 PM</a></li>
      <li><a href="#" id="reviewhover" rel="popover" placement="right" data-content="Reviewer:testuser11 is too">testuser11 2012/08/13 12:25:42:836 PM</a></li>
    </ul>
 </div>​

我使用的是bootstrap.min.js v2.0.4和jQuery1.7.2，尝试使用jQuery1.8.0和1.7.1，结果相同

我在tbspopover.js中有这个js代码-

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

脚本顺序

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="/vendor/bootstrap.min.js"></script>
<script src="/js/views/tbspopover.js"></script>

Answer 1

在将元素添加到DOM之前，调用了用于启用popover的js函数。直到ajax调用完成后，才添加DOM元素。找到a tip here

Answer 2

对于旧版本的Bootstrap (2.0.2)，它应该可以工作。

您可以找到一个有效的示例here。

旧版本的Twitter Bootstrap可以在Github here上找到。

Answer 3

我也遇到了类似的问题，那是因为.btn-group的字体大小设置为零！