Events

更新日: 2018-06-25

イベント

Barbaはページ遷移のライフサイクルの中で、便利な情報を含めたイベントを発生させます。

イベント名引数発生タイミング
linkClickedHTMLElement, MouseEventPJAX対象のリンクをクリックした時。
initStateChangecurrentStatusURLが変更された時。
newPageReadycurrentStatus, prevStatus, HTMLElementContainer, newPageRawHTML新しいコンテナがロードされ、ラッパー(#barba-wrapper)に挿入された時。
transitionCompletedcurrentStatus[, prevStatus]ページ遷移が完了し、古コンテナがDOMから削除された時。
currentStatusprevStatusは、 ページのURLと最終的には名前空間を持つオブジェクトです。

以下の方法でイベントを取得できます。

Barba.Dispatcher.on(eventName, function() {
  // イベント発生時に必要な処理
});

Barba.Dispatcher.on('newPageReady', function(currentStatus, oldStatus, container) {
 
});

[デモ - Event]



© 2016 Luigi De Rosa Released under the MIT license

このコンテンツはLuigi De Rosa(luruke)によるBarbaドキュメントを翻訳/改変したものです。