如何解决为什么 popover 仅适用于数据表记录的第一页?
我有 codeigniter 应用程序,一个视图有一个来自数据库的动态数据表我在每一行都放了一个信息按钮,当用户关注按钮时,它会显示弹出框,显示来自数据库的更多信息。在数据表的第一页上一切正常,但在第二页之后,弹出窗口根本没有显示
查看代码:
<div class="card-body">
<div class="table-responsive">
<table id="bootstrap-data-table" class="table table-striped table-bordered">
<thead>
<tr>
<th>Course Title</th>
<th>price</th>
</tr>
</thead>
<tbody>
<?php
if ($courses_num > 0)
{
$x = 1;
foreach ($courses as $c)
{
?>
<tr>
<td><?php echo $c->title ?></td>
<td>
<i class="fa fa-info-circle" type="button" class="btn btn-primary" data-toggle="popover" title="<?php echo $c->c_name ?>"
data-html="true" data-content=" <span><?php echo $c->Price ?></span>"> </i>
</td>
</tr>
</tbody>
</table>
</div>
</div>
js 代码:
<script>
$(function() {
$('bootstrap-data-table').DataTable({
paging: false,searching: false,lengthChange: false
});
$('[data-toggle=popover]').popover({
placement: "top",trigger: 'focus'
});
});
</script>
链接:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。