javascript - 模态未更新

Question

我遇到一个问题，模式每次都显示相同的精确数据，但我的卡片已正确更新。我将模式和卡片包含在 foreach 循环中，该循环遍历事件数据库中的所有记录。有人能指出我正确的方向吗？提前致谢。

*** 不要注意卡片/模态中列表的重复性。找到修复后，我将使用其余信息更新模式。

<?php 
    foreach ($resultset as $record): ?>
    <?php $string = $record['event_description'];?>
      <div class = "col-md-4">
        <div class="card-columns-fluid" style="width: 30rem;">
          <img class="card-img-top" src='jumboHead.jpg' alt="Card image cap" height= "250px" width= "300px">

          <ul class="list-group list-group-flush">
            <li class="list-group-item"><b>Event: </b><?php echo $record['event_Name']; ?></li>
            <li class="list-group-item"><b>Description: </b><?php echo charlimit($string, 50); ?></li>
            <li class="list-group-item"><b>City/State: </b><?php echo $record['city']; ?> , <?php echo $record['event_state']; ?></li>
            <li class="list-group-item"><b>Email: </b><?php echo $record['event_Email']; ?></li>
          </ul>
          <div class="card-body">

<!-- MODAL-->


            <button type="button" class="btn btn-info btn-md" data-toggle="modal" data-target="#myModal">Open Event</button>
          </div>
          <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
            <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title"><?php echo $record['event_Name']; ?></h4>
          </div>
          <div class="modal-body">
            <ul class="list-group list-group-flush">
              <li class="list-group-item"><b>Event: </b><?php echo $record['event_Name']; ?></li>
              <li class="list-group-item"><b>Description: </b><?php echo $record['event_description']; ?></li>
              <li class="list-group-item"><b>City/State: </b><?php echo $record['city']; ?> , <?php echo $record['event_state']; ?></li>
              <li class="list-group-item"><b>Email: </b><?php echo $record['event_Email']; ?></li>
            </ul>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
  </div>
</div>
        </div>
        </br>
      </div>
    <?php endforeach;?>

Answer 1

嗯，可能会出现问题，因为您正在创建模态框的动态列表，并且所有模态框都具有相同的 id，即#myModal。

所以我不知道你是如何触发模态显示的，但是如果你正在做类似 $('#myModal').show() 的事情，你总是会看到相同的信息，因为你总是点击相同的模态。您可以根据每个 $record 设置和 id。