html - Bootstrap popovers not working in table -


i've included following in html file:

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

the part supposed make popover:

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

the popovers i'm trying display don't turn when hover on or click button.

i have looked @ other similar questions, , nothing i've found there has worked me.

does know why happening?

it turns out popover can't put table cell.

i solved using div , span inside cell:

<td>     <div>         <span id="searchitem" rel="popover">             click pop         </span>          <script>             $(document).ready(function() {                 $("#searchitem").popover({                     html: true,                     animation: false,                     content: "to announced",                     placement: "bottom"                 });             });         </script>     </div> </td> 

Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -