I tried to inject javascript popover on my site using twitter bootstrap and I could not. If anyone could help me with my code, I would really appreciate it. thanks in advance for this.
<head> ... <script src="scripts/jquery.min.js"></script> <script src="scripts/html5.js"></script> <script src="scripts/bootstrap-tabs.js"></script> <script src="scripts/bootstrap-alerts.js"></script> <script src="scripts/bootstrap-popover.js"></script> <script src="scripts/bootstrap-twipsy.js"></script> <script src="scripts/bootstrap-modal.js"></script> <script src="1.3.0/bootstrap-scrollspy.js"></script> --> <link rel="stylesheet" href="bootstrap.css" /> ... </head> <body> ... <div class="tab-content"> <div class="active" id="dwcenter_iso"> <table class="zebra-striped"> <thead> <tr> <th>Arquivo</th> <th>Tamanho</th> <th>Data</th> <th>md5</th> </tr> </thead> <tbody> <tr> <td><a href="download.php">nimbus-opensource-backup-1.1.iso</a> <span class="label success">new</span></td> <td>332M</td> <td>16/09/11</td> <td><a href="#" class="btn danger" rel="popover" title="md5 Check Sum" data-content="343453453453453rfef34">ver</a> <script> $(function () { $('a[rel=popover]') .popover({ html: true }) .click(function(e) { e.preventDefault() }) }) </script> </td> </tr> <tr> <td>nimbus-opensource-backup-1.0.iso <span class="label important">deprecated</span></td> <td>332M</td> <td>10/08/11</td> <td>ver</td> </tr> <tr> <td>nimbus-opensource-backup-0.9beta.iso <span class="label important">deprecated</span></td> <td>380MB</td> <td>25/09/10</td> <td>ver</td> </tr> </tbody> </table> </div> ... </body>
I tried "html: true" and the sample document "bootstrap doc" "offset: 10". It shows a red danger button, but nothing happens then (popover does not work).
And something else, how can I implement this on the TD element of the table, and not on the button?
source share