为什么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中提供吗？