我试图在我的网站上使用twitter bootstrap实现popover
javascript,但我不能.如果有人可以帮助我使用我的代码,我会非常感激.提前谢谢你.
<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>
<!-- HERE GOES -->
<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>
我试过“html：true”和bootstrap doc示例“offset：10”.
它确实显示了红色危险按钮,但没有任何反应(弹出窗口不起作用).
还有别的,我怎么能在表格的TD元素而不是按钮上实现呢？
解决方法
更改这两个脚本,因为popover是twipsy的扩展,需要先加载…
<script src="scripts/bootstrap-twipsy.js"></script> <script src="scripts/bootstrap-popover.js"></script>
您不需要将html设置为true,如果您愿意,可以使用您可以更改的选项
$(function(){$(".btn")
.popover({
offset: 5,placement: 'left'
});
});