Javascript boostrap, вся страница появляется дублируются в модальном

Question

My problem on screenshot

У меня есть проблема, когда модальный срабатывают. Страница дублируется в модальную. Проблема начинается тогда, когда я нажал на кнопку с кодом:

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

Мой код HTML модальный:

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