बूटस्ट्रैप R आर तालिका

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> 

R आर प्रदर्शित होने के लिए जब मैं होवर करता हूं या बटन पर क्लिक करता हूं तो चालू नहीं होता है।

मैंने अन्य समान प्रश्नों को देखा है, और कुछ भी नहीं मिला है जो मैंने पाया है कि मेरे लिए काम किया है।

क्या किसी को पता है कि यह क्यों हो रहा है?

Answer 1

यह पता चला है कि पॉपओवर को केवल टेबल सेल में नहीं रखा जा सकता है।

मैं सेल के अंदर एक div और अवधि का उपयोग करके इसे हल:

<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>