模式未更新

时间:2019-11-19 00:40:30

标签: javascript php bootstrap-modal

我遇到一个问题,即模态每次都显示相同的确切数据,但是我的卡已正确更新。我有一个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;?>

1 个答案:

答案 0 :(得分:1)

好吧,可能是有问题的,因为您要制作一个模态的动态列表,并且所有模态都具有相同的ID,即#myModal。

所以我不知道您是如何触发模态显示的,但是如果您执行类似$('#myModal')。show()的操作,则您将看到始终相同的信息,因为您将始终按模态显示。您可以根据每个$ record设置和设置ID。