Как добавить/удалить класс в начале и по завершению анимации tweenmax?

Question

[Никита Иванов]

Каким образом можно добавить класс, как анимация началась, и удалить класс, когда закончилась.

var tl = new TimelineLite();
tl.from('#heroPreloader', 2, {onStart: onStart, onComplete: onComplete})
.from('#heroContent', 3, {autoAlpha: 0});

function onStart() {
  tl.set('#heroPreloader', {className: '+=preloader_show'});
}

function onComplete() {
  tl.set('#heroPreloader', {className: '-=preloader_show'})
}

В коллбэках onStart, onComplete почему то не происходит добавление и удаление класса при начале анимации и завершении анимации. Хотя console.log из этих функции нормально вызывается.

Comments

[Kovalsky]

Может быть неправильно используете set? greensock.com/forums/topic/7548-tweenmaxset-callback

Answer 1

[Дмитрий Евграфович]

В документации написано, что нужно первым аргументом в set() объект подавать ,а не строку. Замените на $('#heroPreloader')

Comments

[Никита Иванов]

Ничего не изменилось. Там можно передавать объект в виде строки, либа сама найдет данный элемент без проблем. В общем решение такое, в обработчиках вместо обращения TimelineLite.set, заменить на TweenLite.set. Т.к. метод TimelineLite.set в обработчиках onStart и onComplete отработает только в конце анимации, независимо от того что мы указали данные методы там.