我创建了一个按钮,单击该按钮即可查看车辆详细信息。但是,我的数据模式对话框没有显示。这是我的代码。

<table class="table table-striped">
                                          <tr>
                                               <th width="40%">Plate Number</th>
                                               <th width="30%">Type</th>
                                               <th width="30%">View</th>
                                          </tr>
                                          <?php
                                          while($row = mysqli_fetch_array($result))
                                          {
                                          ?>
                                          <tr>
                                               <td><?php echo $row["plateNo_vehicle"]; ?></td>
                                               <td><?php echo $row["vehicle_Type"];?></td>
                                               <td><input type="button" name="view" value="view" id="<?php echo $row["id_vehicle"]; ?>" class="btn btn-info btn-xs view_data" /></td>
                                          </tr>
                                          <?php
                                          }
                                          ?>
                                     </table>


这是模态类和脚本。该脚本应该包含应该查看所有车辆详细信息的ajax,但是我更改它只是为了弹出数据模态对话框,原因仅在于根本不会显示数据模态。

<div id="dataModal" class="modal fade">
  <div class="modal-dialog">
       <div class="modal-content">
            <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                 <h4 class="modal-title">Vehicles Details</h4>
            </div>
            <div class="modal-body" id="vehicle_detail">
            </div>
            <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
       </div>
  </div>


 

脚本

<script>
$(document).ready(function(){
    $('.view_data').click(function(){
        $('#dataModal').modal("show");
    });
});

最佳答案

好像您要加载jQuery两次。

一审:<script src="../vendor/jquery/jquery.min.js"></script>

二审:<script src="ajax.googleapis.com/ajax/libs/jquery/2.2.0/…

这可能会引起冲突。坚持使用最新版本。

关于php - 数据模式对话框不显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43221216/

10-13 01:01