なぜブートストラップモーダルが機能しないのですか

Question

メンバーボタンを選択できるようにフォームを作成しました。変更した変更がうまくいってから、データベースからテーブルに情報を取得して更新します。

私はそのフォームをBOOTSTRAP MODALに移動したいが、ボタンをクリックしてブートストラップモデルをスライドさせてからDISAPPEARをすぐに離すと機能しない。私はそれを逃したのは何

...

<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> 

私の質問は、私がプロファイルinfを使ってブートストラップ・モードを見せてくれなかったことです代わりにオマージュブートストラップモーダルが消える！

ブートストラップモーダル前に正常に動作しますが、後のフォームがモーダルをブートストラップすることを移動し、私は逃した何..

が動作していません！ があるため、ボタンを提出するが、その後、あなたがトリガされるためにdata-toggleの迅速おそらくそれは、モーダルを示している、 AM

Answer 1

私の推測では、送信ボタンを持つフォームが問題を引き起こしているということです...あなたの助けをありがとうフォームを送信すると、ページが再ロードされ、モーダルが消えます。あなたのコードが脆弱になりますので、また、あなたがSQL Injection上に読みたいかもしれません <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.

：

はにあなたのボタンを変更してみてください。

完全なHTML出力を見ることなく、問題がモーダルであるかどうかを知ることは難しいですが、jsfiddleでそれを提供できますか？