Добавить класс JQuery для элемента без перехода при загрузке - PullRequest
Новая
       7

Добавить класс JQuery для элемента без перехода при загрузке

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

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

Это мой JQuery для этого действия: 

$('input').each(function() {
  if($(this).val().length > 0) {
    $(this).parents('.input-container').addClass('is-filled');
  }
});

Иmy css: 

.input-container {
  width: 100%;
  margin: 25px 0;
  position: relative;
  vertical-align: top;
  box-sizing: border-box;
    input {
    font-size: 1.125rem;
    font-weight: 300;
    color: @purple_text;
    background: none;
    border: 0;
    position: relative;
    transition: all .2s ease;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    padding-bottom: 10px;
    z-index: 3;
  }
  &.is-filled {
    label {
      transform: translateY(-30px);
      font-size: .875rem;
      color: @purple_text;
    }
  }
}

Как сейчас, класс добавляется после загрузки страницы с анимацией, что затрудняет просмотр.Я хочу, чтобы класс уже был там, когда страница загружается.Класс предназначен для полей ввода, которые получают данные с сервера, поэтому они уже заполнены.

...