我正在嘗試創(chuàng)建一個網(wǎng)頁，其中包含一堆帶有數(shù)據(jù)庫信息的卡片。每張卡片上都會有一個“更多信息”按鈕將創(chuàng)建一個彈出模式，其中包含與該卡片相同的信息以及更多信息。我知道我需要一個 while 循環(huán)來生成模態(tài)，并單獨(dú)為模態(tài)提供不同的 ID。我已經(jīng)使用“id”完成了必要的操作數(shù)據(jù)庫中唯一的列當(dāng)我單擊按鈕時，我確實(shí)得到了模態(tài)，但唯一的問題是，無論我單擊哪個按鈕，模態(tài)都會顯示最后一張卡片的信息（例如標(biāo)題、字段、概要、描述）。所有的卡片都顯示了它們的個人信息。聽起來我的 while 循環(huán)有問題？我確實(shí)檢查了源代碼&它確實(shí)正確地在每張?zhí)囟ㄆ路斤@示帶有自己 id 的各個模態(tài)（具有正確的 id，例如 1、2、3、4。）請?zhí)峁椭?lt;?php    include("Config.php");                  $query = ("SELECT * FROM proj");                $result = mysqli_query($conn, $query) or die( mysqli_error($conn));             while($test = mysqli_fetch_array($result))                                  {                           ?>                      <div class="card"><div class="container1">    <div class="card-text">      <h4><b><?php echo $test['title']; ?></b></h4>    <b>field: </b><?php echo $test['field']; ?></br>        <p><?php echo $test['synopsis']; ?></p>  <!-- Trigger/Open The Modal -->  <button id="myBtn<?php echo $test['id']; ?>">More Info</button>  <!-- The Modal -->      <div id="myModal<?php echo $test['id']; ?>" class="modal">   <!-- Modal content -->  <div class="modal-content">      <span class="close">&times;</span>        <h4><b><?php echo $test['title']; ?></b></h4>        <p><b>field: </b><?php echo $test['field']; ?></p>              <p><?php echo $test['synopsis']; ?></p>        <p><?php echo $test['description']; ?></p>   <script>// Get the modalvar modal = document.getElementById("myModal<?php echo $test['id']; ?>");// Get the button that opens the modalvar btn = document.getElementById("myBtn<?php echo $test['id']; ?>");// Get the <span> element that closes the modalvar span = document.getElementsByClassName("close")[0];// When the user clicks the button, open the modal btn.onclick = function() {  modal.style.display = "block";}// When the user clicks on <span> (x), close the modalspan.onclick = function() {  modal.style.display = "none";}