JavaScript не работает в Safari, но работает в Firefox и Chrome

Question

У меня есть форма, которую я проверяю с Петрушкой. Кнопка для отправки имеет следующий код JavaScript для анимации с помощью css. Это прекрасно работает в Firefox и Chrome, но в Safari (рабочий стол и iOS) ничего не делает. Форма проверяется очень хорошо, но анимация не запускается.

Я отследил ее до возвращенного значения true; заявление. Если я установлю его, чтобы вернуть ложь; Safari работает должным образом, за исключением того, что форма не отправляется. Если я установлю его, чтобы вернуть истину; он работает везде, где я тестировал, за исключением Safari.

Я прочитал множество документов о том, как Safari работает по-разному с jQuery, и поэтому код JS необходимо изменить, чтобы чтобы действительно быть кросс-браузер. Как я могу изменить это, чтобы работать везде?

<script type="text/javascript">
  $(function() {
    $('#login-form').parsley().on('form:submit', function() {
      $(".loginbutton").addClass("loginactive");
      $(".loginbutton").css("background", "transparent");

      setTimeout(function() {
        $(".loginbutton").addClass("loginsuccess");
        $(".loginbutton").css("background", "none repeat scroll 0 0 #ffffff");
      }, 3700);
      return true;
    });
  });
</script>

Answer 1

Ответ заключается в том, что Safari прекратит анимацию при загрузке другого объекта (сценарий python, другой URL и т. Д. c.), И в принципе вы ничего не можете с этим поделать. Он покажет только первый кадр анимации css. Итак, что я сделал, так это изменил кнопку входа в систему, чтобы она выглядела по-другому при входе в форму при отправке формы.