Php 多个引导模式,只有第一个打开
我有一个数据库网站。 我成功地用数据库中的内容创建了一个HTML表。 现在,我希望表中的每个元素都是一个锚,并打开一个模态,其中包含我单击的元素的数据库中的信息 它正在工作,唯一的问题是,无论单击哪个元素,只有第一个模态将打开。 如果我单击第三个元素,它将显示第一个元素的信息 在图中,我点击Mike,它显示了William Soares(第一个)Php 多个引导模式,只有第一个打开,php,html,bootstrap-modal,Php,Html,Bootstrap Modal,我有一个数据库网站。 我成功地用数据库中的内容创建了一个HTML表。 现在,我希望表中的每个元素都是一个锚,并打开一个模态,其中包含我单击的元素的数据库中的信息 它正在工作,唯一的问题是,无论单击哪个元素,只有第一个模态将打开。 如果我单击第三个元素,它将显示第一个元素的信息 在图中,我点击Mike,它显示了William Soares(第一个) 排解 头号人物 诺姆 &时代; 接近 您告诉链接从具有特定id的元素打开模态。这就是数据目标=“#modalJog”的作用。然后,通过在循环中
排解
头号人物
诺姆
&时代;
接近
您告诉链接从具有特定id的元素打开模态。这就是
数据目标=“#modalJog”
的作用。然后,通过在循环中执行相同的代码,为每个容器提供相同的id。HTML元素应该有唯一的ID(或者根本没有)。否则,将仅识别具有重复id的第一个元素
我不知道您的数据库表是否有一些唯一的ID列(希望有),但如果有,您可以使用它使元素ID唯一。例如,您可以执行类似于
data target=“#modalJog”
和的操作,我在这里看不到问题,也看不到相关代码。只是一个代码的图像。听起来你可能在按id附加一个单击处理程序,并为所有可单击元素提供相同的id。但是,如果没有看到任何代码,很难说是肯定的。请将代码放在此处。另一个图像在浏览器中显示“错误”having@PedroVentura很乐意帮忙
<div class="col-sm-4"><div class="table-responsive" style="margin: 1%">
<h3 style="color: white; font-weight: bold; font-style:italic;">Defesas</h3>
<table class="table table-dark">
<thead>
<tr>
<th>Numero</th>
<th>Nome</th>
</tr>
</thead>
<tbody>
<?php
$sql = 'SELECT * FROM jogadores ORDER BY id ASC LIMIT 32';
$stmt = $dbh->prepare( $sql );
$stmt->execute();
if( $stmt && $stmt->rowCount() > 0)
{
while( $obj = $stmt->fetchObject() )
{ if ($obj->posicao == "Defesa") {
?>
<tr>
<th><?php echo $obj->numero_camisola ?></th>
<td><a href="#modalJog" data-target="#modalJog" data-toggle="modal">
<?php echo $obj->nome ?></a>
<div id="modalJog" class="modal fade" role="dialog" >
<div class="modal-dialog">
<div class="modal-content" style="background-color: black;">
<div class="modal-header">
<h5 class="modal-title"><?php echo $obj ->nome ?></h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p><?php echo $obj ->nomeCompleto?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
<?php
}
}
}
else
echo 'Não existem jogos disponíveis.';
?>
</table>
</div></div>
</div>