Невозможно получить GSAP для навигации по временной шкале с моими функциями

81
12

Я пытаюсь создать анимированный баннер с грейдером, который я могу перемещать в разные сцены.

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

Пожалуйста, посмотрите мою ручку кода ЗДЕСЬ

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

Цель здесь состоит в том, чтобы включить начальную интро-анимацию, а при нажатии на вызов NYBtn функцию, которую я написал в нижней части js файла, чтобы вызвать график времени, чтобы воспроизвести его с лейбла NYSceneIntro,

$("#NYBtn").click(function() {
alert('Clicked NY!');
tlSlideMain.play(NYSceneIntro);
});

В идеале у меня была бы одна из этих функций для анимации в каждом слайде в зависимости от того, какая кнопка нажата:

NYBtn → NYSlideIntro

NJBtn → NJSlideIntro

PABtn → PASlideIntro

и т.д. Я что-то упустил? или просто неправильное кодирование? Имейте в виду, что я совершенно новый для jquery и gsap

спросил(а) 2016-11-07T22:38:00+03:00 3 года, 3 месяца назад
1
Решение
62

Оказывается, я использовал неправильную функцию addPause на моей временной шкале, и поэтому она ломалась. Я обновил codepen, чтобы отразить это. Теперь у меня переходы загружаются соответственно.

ответил(а) 2016-11-07T23:18:00+03:00 3 года, 3 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема