jquery - 无法让 GSAP 使用我的函数导航时间线

Question

我正在尝试实现一个可以导航到不同场景的 greensock 动画横幅。

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

请看我的码笔HERE

我设置了一个主要时间轴，播放每个场景进出的每个训练，我在每个场景介绍之后添加了暂停，并在每个场景中添加了介绍和结尾的标签。

这里的目标是让初始介绍动画滑入，当单击 NYBtn 时调用我在 js 文件底部编写的函数以触发时间线从标签“NYSceneIntro”播放

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

理想情况下，我会根据单击哪个按钮在每张幻灯片中设置以下功能之一:

NYBtn -> NYSl​​ideIntro

NJBtn -> NJSlideIntro

PABtn -> PASlideIntro

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

Answer 1

原来我在我的时间线中使用了错误的 addPause 函数，因此它被打破了。我已经更新了 codepen 以反射(reflect)这一点。我现在可以正确加载过渡。