無法通過我的功能獲得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以反映這一點。我現在有適當的加載過渡。