數據模式對話框不顯示

我創建了一個按鈕，可以在點擊時查看車輛詳細信息。如何，我的數據模式對話框不顯示。這裏是我的代碼..數據模式對話框不顯示

<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"); 
    }); 
});

來源

2017-04-05 yuki

檢查瀏覽器的控制檯並查找錯誤。你看到什麼錯誤？ – CodeGodie

@CodeGodie我如何檢查瀏覽器的控制檯？ – yuki

常見，右鍵單擊網頁並點擊檢查元素，然後點擊控制檯標籤 –

這似乎是你加載jQuery兩次。

一審：<script src="../vendor/jquery/jquery.min.js"></script>

二審：<script src="ajax.googleapis.com/ajax/libs/jquery/2.2.0/…

這可能會造成衝突。只使用最新版本。

來源

2017-04-05 04:24:59 CodeGodie

如果您使用的引導，你可以再補充：

data-toggle="modal" data-target="#dataModal"

屬性在您的按鈕

來源

2017-04-05 03:43:28 SunriseM

我照你所說的。模態顯示，但對於腳本是行不通的。 – yuki

數據模式對話框不顯示

回答

相關問題