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

0leg5ergeev: простите, не понял

Какое время отправки данных через button type="submit"?

Я пробывал вот с таким скриптом:

<script>
  $("#my_form").submit(function(event){
        event.preventDefault(); //отменяем отправку
        setTimeout(function(){$("#my_form").submit();}, 500); //отправляем через 3000 ms
        setTimeout(function () {window.location.reload();}, 500);
    });
  </script>

Но тогда, почему то не происходит перегрузка страницы

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Максим Тимофеев: А может мне вообще не нужно использовать задержку при отправке? Моя анимация на кнопке имеет продолжительность 0,4 сек. В реальности же submit сработает где-то за 1 сек., за это время моя анимация отработает уже. Это на локалхосте submit отрабатывает моментально или я не прав?

Как решить проблему анимации кнопки в форме (input[type="submit"])?

ну если без скрипта - то отрабатывает редирект, а если вставить скрипт, редиректа нет

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Максим Тимофеев: Понял, не буду, а еще такой вопросик, анимация работает как-надо, все ok, но перегрузки страницы после нажатия кнопки не происходит, так и должно быть или в скрипт нужно дабавить это: setTimeout(function () {window.location.reload();}, 3000);

Задержка отправки формы с перегрузкой страницы?

через setTimeout не происходит перегрузка страницы

Как сделать скрипт отправки данных на сервер через 3000 ms?

Генри: анимация ripple эффект на чистом css

Как сделать скрипт отправки данных на сервер через 3000 ms?

Генри: блин, у меня отправка идет из HTML, я просто хочу поставить задержку на отправку формы, что бы успела пройти анимация, которая запустилась при нажатии на эту кнопку, а потом произошла перегрузка страницы

Как сделать скрипт отправки данных на сервер через 3000 ms?

А можете написать по-подробнее, у меня такая проблема, есть button type="submit" в форме, на этой кнопке у меня анимация при нажатии, но она не успевает сработать из-за моментальной отправки данных на сервер, мне нужно что бы сначала отработала анимация на этом button, а потом произошла отправка данных и перегрузка страницы

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Submit

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Максим Тимофеев: А я могу этот скрипт добавить в bootstrap.js?

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Саша: если сделать фейковую кнопку, JavaScript всеравно прийдется использовать или можно без него?

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Максим Тимофеев: А как именно отловить событие и сделать timeout?

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Саша: Подскажите, пожалуйста как сделать эту фейковую кнопку?

Как решить проблему анимации кнопки в форме (input[type="submit"])?

А как обойтись без js???

Как решить проблему анимации кнопки в форме (input[type="submit"])?

Максим Тимофеев: Я извиняюсь, type=submit, при нажатии на кнопку происходит отправка данных на сервер и анимация не успевает сработать и страница перегружается и кнопка становится в исходном состоянии. Вот у меня и вопрос, как можно исправить такое поведение?

Конфликт в анимации кнопки?

Кажется, нашел причину, после нажатия кнопки должен срабатывать hover, а он не срабатывает, если button находится в тэге form

Конфликт в анимации кнопки?

chumric: другие имена классов не решили проблему

Конфликт в анимации кнопки?

Константин Давыдов: анимация срабатывает неправильно, если помещаешь кнопку в

Конфликт в анимации кнопки?

Константин Давыдов: попробуйте у себя на локалхосте запустить код и Вы увидите различия