Javascriptのブートストラップは、ページ全体では、私は、モーダルがトリガーされた問題を抱えているモーダル

Question

My problem on screenshot

で重複表示されます。ページはモーダルに重複しています。私のhtmlモーダルコード

<a href=<?php echo $route_destroy;?> data-toggle="modal" data-target="#confirm-submit" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Desactivar </a> 

：

<div class="modal fade" id="confirm-submit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       Confirm Submit 
      </div> 
      <div class="modal-body"> 
       Are you sure you want to submit the following details? 
       <table class="table"> 
        <tr> 
         <th>Last Name</th> 
         <td id="lname"></td> 
        </tr> 
        <tr> 
         <th>First Name</th> 
         <td id="fname"></td> 
        </tr> 
       </table> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
       <a href="#" id="submit" class="btn btn-success success">Submit</a> 
      </div> 
     </div> 
    </div> 
</div> 

私のjqueryのコード：

<script type="text/javascript">  
    $(document).ready(function() { 
    $('#submit').click(function(){ 
     /* when the submit button in the modal is clicked, submit the form */ 
     alert('submitting'); 
     $('#formfield').submit(); 
    }); 
    }); 
    </script> 

Answer 1

それはあなたを見ることなく確実に伝えることは難しい問題は、私はコードが付いたボタンをクリックしたときに開始しますフォームとそのためのJavaScript。

デフォルトの動作を妨げずにフォームを送信している可能性があります。そうしないと、送信時にフォームがページにリダイレクトされる可能性があります。

<script type="text/javascript">  
    $(document).ready(function() { 
    $('#submit').click(function(){ 
     alert('submitting'); 
     $('#formfield').submit(function(event) { 
      // Add some JavaScript to change your modal here 
      event.preventDefault(); 
     }); 
    }); 
    }); 
</script>