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
Post a Comment