Как заставить крутящийся значок вращаться в отключенной кнопке - PullRequest
Новая
       4

Как заставить крутящийся значок вращаться в отключенной кнопке

0 голосов
/ 22 декабря 2018

У меня есть форма с кнопкой отправки: 

<button type="submit" class="btn btn-success dis-form-button">
  <i class="spinner fa fa-spinner fa-spin"></i>
    Sign-in
</button>

значок прядильщика скрыт при загрузке страницы.когда я отправляю форму, я ловлю событие onSubmit, отключаю кнопку и показываю значок счетчика, но при отключении кнопки счетчик не вращается?есть идеи?

Заранее спасибо.

1 Ответ

0 голосов
/ 22 декабря 2018

Не думаю, что ваша проблема связана с отключенным свойством на кнопке.Этот ответ скорее не отвечает, но вот фрагмент, который показывает функционирование, которое вы описали, работает отлично. 

$('form').on('submit', function(e) {
  e.preventDefault();
  $('.dis-form-button').prop('disabled', true);
});
.dis-form-button .spinner {
  display: none;
}

.dis-form-button:disabled .spinner {
  display: inline-block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" rel="stylesheet" />

<form>
  <button type="submit" class="btn btn-success dis-form-button">
  <i class="spinner fa fa-spinner fa-spin"></i>
    Sign-in
</button>
</form>
...