barbajs-event

weixin_34402408發表於2017-12-19
名稱 引數 時機
linkClicked HTMLElement, MouseEvent 使用者點選一個PJAX連結
initStateChange currentStatus 連結剛剛改變
newPageReady currentStatus, prevStatus, HTMLElementContainer, newPageRawHTML 新的container已經載入並注入wrapper
transitionCompleted currentStatus[, prevStatus] 轉場動畫完成 舊場景被刪除

在頁面轉場的所有生命週期中,barba會發出一系列有用資訊的事件:

名稱 引數 時機
linkClicked HTMLElement, MouseEvent 使用者點選一個PJAX連結
initStateChange currentStatus 連結剛剛改變
newPageReady currentStatus, prevStatus, HTMLElementContainer, newPageRawHTML 新的container已經載入並注入wrapper
transitionCompleted currentStatus[, prevStatus] 轉場動畫完成 舊場景被刪除

currentStatus 和 prevStatus 就是一個裝有頁面url和最終名稱空間的簡單物件。
監聽事件可以這麼寫:

Barba.Dispatcher.on(eventName, function() {
  //your listener
});