引導popovers不表

Question

工作我已經列入我的HTML文件如下：

<h:outputStylesheet name="css/bootstrap.css" /> 
<h:outputScript name="js/jquery-2.0.2.min.js" /> 
<h:outputScript name="js/bootstrap-tooltip.js" /> 
<h:outputScript name="js/bootstrap-popover.js" /> 

是應該做酥料餅的部分：

<ui:repeat var="lowFareCalenderSearchItem" value="#{lowFareCalenderSearchItems}"> 
    <td> 
     <a href="#" id="searchItem" class="btn" rel="popover">#searchResult.getTotal()}</a> 
     <script> 
     $("#searchItem").popover({ 
      title: "title", 
     content: "content" 
     }); 
     </script>        
    </td> 
</ui:repeat> 

的popovers我想當我將鼠標懸停或單擊按鈕時，顯示屏不會出現。

我已經看過其他類似的問題，並沒有發現我已經爲我工作。

有誰知道爲什麼會發生這種情況？

Answer 1

事實證明，popover不能放在表格單元格中。

我解決它通過在細胞內一個div和span：

<td> 
    <div> 
     <span id="searchItem" rel="popover"> 
      Click to pop 
     </span> 

     <script> 
      $(document).ready(function() { 
       $("#searchItem").popover({ 
        html: true, 
        animation: false, 
        content: "TO BE ANNOUNCED", 
        placement: "bottom" 
       }); 
      }); 
     </script> 
    </div> 
</td>