无法让GSAP使用我的函数导航时间轴

Question

我正在努力实现一个绿色摇滚动画横幅，我可以导航到不同的场景。

使用他们的API文档我已经设置了时间轴，因此每个场景都有一个介绍和outro动画，但由于某些原因，当我开始添加点击事件处理程序时，没有任何事情发生，也没有发送警报。

请查看我的代码笔HERE

我已经设置了一个miain时间轴，每个场景都会进出每个场景，我在每个场景介绍后添加了暂停，并在每个场景中添加了intro和outro的标签。

这里的目标是让初始的介绍动画滑入，当点击NYBtn调用时，我在js文件底部写下的函数触发时间线从标签＆＃39开始播放; NYSceneIntro＆＃39;

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

理想情况下，我会根据点击的按钮在每张幻灯片中设置其中一个功能：

NYBtn - ＆gt; NYSlideIntro

NJBtn - ＆gt; NJSlideIntro

PABtn - ＆gt; PASlideIntro

...等 我错过了什么吗？或只是编码错误？请记住，我对jquery和gsap

是全新的

Answer 1

原来我在我的时间轴中使用了错误的addPause函数，因此它正在破坏。我已经更新了codepen以反映这一点。我现在已适当加载转换。