爲什麼bootstrap模式不起作用

Question

我已經創建了表單，允許我選擇成員按鈕而不是從數據庫中檢索信息到表格中，並在進行更改後更新它。

現在我想將表單移動到BOOTSTRAP模式但不起作用，當我單擊按鈕時，只需滑下引導模型，然後立即丟失。

我錯過了什麼吧...

<form method='post'> 

<input type='hidden' name='id' value='" . $row['id_boxe'] . "'/> 

<input type='submit' name='update' value='Update' href='#modal-view' role='button' class='btn' data-toggle='modal''/> 

</form> 

</td> 

檢索點擊按鈕後，從數據庫中的信息。（外模）

<?php 
     if (isset($_POST['id'])) { 
     $id = trim($_POST['id']); 
     $sql = "SELECT * FROM boxes where id_boxe = " . $id; 
     $result = $db->query($sql); 
     if ($result->num_rows > 0) { 
     $row = $result->fetch_assoc(); 
     $title = $row['title_boxe']; 
       $status = $row['status']; 
       $side = $row['side']; 

      } 
      $result->close(); 
     } 
     ?> 

節引導模式：（模內回聲信息）

<div class="modal fade" id="modal-view" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 

          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
           × 
          </button> 
          <h4 class="modal-title" id="myModalLabel"> 
           Modal title 
          </h4> 
         </div> 
         <div class="modal-body"> 
          <form method="post" class="col-md-6"> 
      <?php if(isset($id)) {?> 
      <input type="hidden" name="id_boxe" value="<?=$id?>"/> 
      <?php } ?> 
      <div class="form-group"> 
       <label for="boxe_title">Boxe Title</label> 
       <input type="text" class="form-control" name="boxe_title" value="<?php if(isset($title)) echo $title; ?>"> 
      </div> 
      <div class="checkbox"> 
       <select name="side"> 
       <?php if(isset($side) && $side == 1) { ?> 
        <option value="1" selected>right</option> 
       <?php } else {?> 
        <option value="1">right</option> 
       <?php } ?> 

        <?php if(isset($side) && $side == 2) { ?> 
        <option value="2" selected>left</op)tion> 
       <?php } else {?> 
        <option value="2">left</option> 
       <?php } ?> 
       </select> 
      </div> 
      <div class="select"> 
       <?php if(isset($status) && $status == 1) { ?> 
       <label><input type="checkbox" name="visibility" checked> Visible in the Menu</label> 
       <?php } else {?> 
       <label><input type="checkbox" name="visibility" > Visible in the Menu</label> 
       <?php } ?> 
      </div> 
      <?php if (isset($_POST['id'])) { ?> 
       <button type="submit" name="updatedata" class="btn btn-default">Update</button> 
      <?php } else { ?> 
       <button type="submit" name="add" class="btn btn-default">Add</button> 
      <?php } ?> 
     </form> 
         </div> 
         <div class="modal-footer"> 

          <button type="button" class="btn btn-default" data-dismiss="modal"> 
           Close 
          </button> 
          <button type="button" class="btn btn-primary"> 
           Save changes 
          </button> 
         </div> 
        </div> 

       </div> 

      </div> 

我的問題是，我錯過了什麼，以顯示bootstrap模態與配置文件inf ormation而不是消失bootstrap模態！

是工作的引導模式之前罰款，但之後感動的是形式，引導模式是行不通的..

我錯過了！ 謝謝你的幫助... AM

Answer 1

我的猜測是，與提交按鈕的形式引起的問題，也許這正顯示出模態很快，因爲data-toggle提交按鈕，但隨後因爲你是觸發的表單提交它重新加載導致模態消失的頁面。

試着改變你的按鈕： <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-view">Launch demo modal</button>

Like it shows in the demo on bootstrap's site.

而且你可能想在SQL Injection閱讀，因爲你的代碼看起來脆弱。

很難說沒有看到一個完整的HTML輸出模式的問題是什麼，你可以在jsfiddle中提供嗎？