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和jquery 1.7.2，尝试使用jquery 1.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

使用旧版本（2.0.2）的Bootstrap，它应该可以工作。

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

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

Answer 3

我有一个类似的问题，那是因为.btn-group的字体大小设置为ZERO !!

在下拉菜单中的twitter bootstrap popover无法正常工作

3 个答案: