我创建了一个按钮,单击该按钮即可查看车辆详细信息。但是,我的数据模式对话框没有显示。这是我的代码。
<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">×</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/