私の機能でタイムラインをナビゲートするGSAPを取得できません

Question

私は様々なシーンに移動できるgreensockアニメーションバナーを実現しようとしています。

私はタイムラインを設定して各シーンにイントロとアウトロのアニメーションを設定していますが、クリックイベントハンドラを追加する何らかの理由で何も起きず、警告が送信されません。

私はinとout各シーンのために、各trainsitionを通じて果たしmiainタイムラインを設定している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を更新しました。私は今、適切に読み込まれる遷移を持っています。