无法通过我的功能获得GSAP导航时间轴

Question

我正在尝试实现可以​​导航到不同场景的绿色动画横幅。

使用尽可能设立时间表我已经得到了他们的API文档，以便每个场景都有一个前奏和结尾动画，但是当我开始添加单击事件处理程序没有发生某种原因，没有发送警报。

请看看我的代码笔HERE

我已成立了一个miain时间表，通过每个trainsition发挥每个场景进出，我加入了每个场景的介绍后，暂停和标签介绍和outro在每个场景中。

这里的目标是让最初的介绍动画滑入，当点击NYBtn时调用我写在js文件底部的函数来触发时间轴从标签'NYSceneIntro'播放

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

理想我将具有这些功能中的一个在每个滑动，这取决于被点击按钮进行动画：

NYBtn - > NYSl​​ideIntro

NJBtn - > NJSlideIntro

PABtn - > PASlideIntro

etc ... 我错过了什么吗？或只是编码错误？请记住，我是完全新的jQuery和gsap

Answer 1

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