Выполнение сценария из из отправить

Question

При использовании button это работает (загрузчик отображает до загрузки страницы):

<script> 
    $(document).ready(function(){ 
     $(".loader").hide(); 
     $(".overlay").fadeOut(1000); 

     $('button').click(function() { 
      $(".loader").fadeIn("fast"); 
      $(".overlay").fadeIn(100); 
     }); 
    }); 
</script> 

Но если я использую Submit он не делает:

Я пытаюсь следующее работа:

<script> 
    $(document).ready(function(){ 
     $(".loader").hide(); 
     $(".overlay").fadeOut(1000); 

     $("form").submit(function() { 
      $(".loader").fadeIn("fast"); 
      $(".overlay").fadeIn(100); 
     }); 
    }); 
</script> 

Я также попытался без радости:

$(input[type="submit"]).click(function() { 

Я хочу, чтобы это работало для всех Представление на странице и поэтому не хотело использовать идентификаторы. Любые указатели наиболее приветствуются.

UPDATE

$("form").submit(function(e) { 

сделал трюк.

Answer 1

Вы должны запретить поведение вашей формы по умолчанию, иначе оно будет отправлено (и браузер изменится на следующую страницу [действие в вашей форме]).

Чтобы отключить действие submit, вам необходимо использовать event.preventDefault() внутри функции submit/click.

Если вам нужно отправить форму - вы можете добавить переменную, чтобы проверить, если submittion уже предотвращена, и в соответствии с этим, чтобы предотвратить (или отправить форму в функции submit):

var submitPrevented = false; 
$("form").submit(function(e) { 
    if (!submitPrevented) { 
     submitPrevented = true; 
     e.preventDefault() 
    } 
    $(".loader").fadeIn("fast"); 
    $(".overlay").fadeIn(100); 
    var that = this; 
    setTimeout(function() { 
     that.submit(); 
    }, 1000); 
}); 

Обратите внимание, что я добавил элемент e в качестве параметра функции.

Относительно последнего кода, который вы написали - там есть синтаксическая ошибка. Это правильный синтаксис:

$('input[type="submit"]').click(function() {