我正在尝试制作绿袜子动画横幅,以便可以导航到不同场景。

使用他们的API文档,我已经完成了设置时间轴的工作,因此每个场景都有一个前后动画,但是由于某些原因,当我开始添加click事件处理程序时,什么也没有发生,也没有警报发送。

请看看我的密码笔HERE

我已经建立了一条主要的时间轴,可以在每个场景中进出每个场景进行播放,在每个场景的简介和每个场景的简介和结尾标签之后添加暂停。

这里的目标是插入初始介绍性动画,然后单击NYBtn调用我在js文件底部编写的函数以触发时间轴从标签“ NYSceneIntro”播放

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


理想情况下,我需要在每个幻灯片中设置以下功能之一,具体取决于单击的按钮:

NYBtn-> NYSl​​ideIntro

NJBtn-> NJSlideIntro

PABtn-> PASlideIntro

等等...
我想念什么吗?还是只是编码错误?请记住,我对jquery和gsap完全陌生

最佳答案

事实证明,我在时间轴中使用了错误的addPause函数,因此它正在中断。我已经更新了Codepen以反映这一点。现在,我已正确加载了过渡。

关于jquery - 无法让GSAP使用我的功能导航时间轴,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40473222/

10-12 06:53