bootstrap modal увольнение остановка от отправки

Question

У меня есть контактная форма в модуле Bootstrap, и я хочу, чтобы при подаче формы модальные шкуры с анимацией «fade». Однако форма не отправляется, когда я добавляю data-dismiss="modal" к кнопке «отправить». HTML:

<div class="modal fade cont"> 
    <div class="modal-dialog"> 
     <form action="form.php" method="POST"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> 
        </button> 
        <h4 class="modal-title">Contact</h4> 
       </div> 
       <div class="modal-body"> 
        <p>Name: 
         <input type="text" autofocus name="name" id="name" class="form-control" id="fd"> 
        </p> 
        <p>Email: 
         <input type="email" name="email" id="email" class="form-control" /> 
         <div class="input-group"> 
          <span class="input-group-addon"> 
          <input type="checkbox" aria-label="..." name="copy"> 
          </span> 
          <input type="text" readonly disabled class="form-control" aria-label="" value="Check here for a copy of your message." style="border:1px solid #ccc !important;cursor:default !important;" /> 
         </div> 
        </p> 
        <p>Message: 
         <textarea class="form-control" id="msg" name="msg" style="height:175px;"></textarea> 
        </p> 
       </div> 
       <div class="modal-footer"> 
        <button data-dismiss="modal" class="btn btn-default">Cancel</button> 
        <input type="submit" data-dismiss="modal" class="btn btn-primary" /> 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

Как я могу сделать форму представить, когда «замирания» шкура идет.
Page Нажмите на ссылку для контакта в навигационной панели.

Answer 1

Вы можете сделать это следующим образом:

$("form").submit(function() { 
    $(this).parents(".modal").fadeOut(300, function() { 
    your callback function here ... }); 
    return false; 
});