Почему не происходит перегрузка страницы после применения скрипта?

Question

[kkoshakk]

В чем проблема: есть кнопка в форме (button type="submit"), есть некая анимация на этой кнопке, которая должна срабатывать в момент ее нажатия, но она не успевает отработать, так как отправка происходит моментально. Мне нужно, что бы между нажатием на эту кнопку и отправкой был промежуток в 200ms. Я сделал такой скрипт:

$('#navbar_form').submit(function (event) {
    event.preventDefault();
    setTimeout(function () {
      $('#navbar_form').submit();
    }, 200);
  });

Анимашка теперь срабатывает, но появилась другая проблема: после применения этого скрипта не происходит перегрузка страницы браузера. Вот у меня и вопрос почему и как это исправить?

Answer 1

[Максим Тимофеев]

$('#navbar_form').submit(function (e) {
    var form = this;
    e.preventDefault();
    setTimeout(function () {
        form.submit();
    }, 200); 
});

Comments

[kkoshakk]

Спасибо, работает, а можете обьяснить в чем была моя ошибка?

[Максим Тимофеев]

kkoshakk: $('#navbar_form').submit(); срабатывает и опять уходит на 200ms таймаута

[Максим Тимофеев]

kkoshakk: Поэтому загоняем в переменную и отправляем ее

Answer 2

[Александр Александров]

$('#navbar_form').submit(function (event) {
    event.preventDefault();
    setTimeout(function () {
        $('#navbar_form').trigger("submit");
    }, 200);
});