부트 스트랩 모달이 작동하지 않는 이유는 무엇입니까?

Question

회원 변경 버튼을 선택하기위한 양식을 만들었습니다. 수정 된 변경 사항을 적용한 후 데이터베이스에서 정보를 검색하여 업데이트하십시오.

이제는 해당 양식을 BOOTSTRAP MODAL로 옮기고 싶지만 작동하지 않습니다. 버튼을 클릭하면 부트 스트랩 모델로 슬라이드 한 다음 바로 사라집니다. 나는 그것을 놓치지 않았다 무엇

...

<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의 신속 아마도 그것은 모달을 보여주고, 오전

Answer 1

내 생각 엔이 제출 버튼 양식이 문제를 일으키는 것입니다 ... 당신의 도움을 주셔서 감사합니다 양식을 제출하면 페이지가 다시로드되어 모달이 사라집니다.

는에 버튼을 변경해보십시오 : 코드가 취약 보이기 때문에

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

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-view">Launch demo modal</button>

은 또한 당신은 SQL Injection에 대한 자료를 읽어 보시기 바랍니다.

전체 HTML 출력을 보지 않고도 문제가 무엇인지 모르는 것은 jsfiddle에서 제공 할 수 있습니까?