Page Comparison

...

Yellowfin 9.4では、「loaderEvents」APIを通して、JavaScript APIにカスタマイズされたローダーを追加するオプションを有効にしました。

これらのローダーは、コードモードやウィンドウオブジェクトによるカスタムヘッダー使用時にも利用可能です。

これにより、開発者はYellowfin要素内の要素にローダーが追加、または削除されているインスタンスをリッスンし、そのイベントに応答することができます。

...

Yellowfin API init()の呼び出しが完了したら、yellowfin.loaderEvents関数が利用できるようになります。これは、listenとstopListeningの2つの関数を提供し、必要に応じてローダーイベントを設定、または削除することができます。loaderEvents関数が利用できるようになります。これは、listenとstopListeningの2つの基礎的な関数を提供し、必要に応じてローダーイベントを設定、または削除することができます。また、一度に複数の子ローダーの置き換えを簡略化するために、interceptChildLoadersForElementとstopListeningToElementInterceptという2つの関数が用意されています。

注意: コードモードまたはカスタムヘッダーでこの関数を使用するには、「yellowfin.loaderEvents」を「window.loaderEvents」に切り替えてください。

listen(listenObject)

これは、渡されたlistenObject オブジェクトを使用して、ローダーイベントリスナーを作成します。

...

...

ローダーイベントを削除します。渡されるlistenObjectは、listen関数に渡されたオブジェクトとまったく同じでなくてはならず、これが異なる場合、リスナーは削除されません。

interceptChildLoadersForElement(element, listenObject)

この関数が呼び出されると、Yellowfinは子ローダーをもつすべてのElementを遮り、それらのローダーを子ではなく渡されたElementに適用します。

interceptChildLoadersForElementのlistenObjectパラメータは、loaderEvents.listenのlistenObjectパラメータと同様に動作します。onAdd関数は、渡された要素に初めてローダーが追加されたときに呼び出され、onRemove関数は、渡された要素からローダーが削除されたときに呼び出されます。

以下のサンプルコードでは、ページ内の任意の場所に追加されたローダーを探し、代わりにbodyタグに追加しています。

yellowfin.loaderEvents.interceptChildLoadersForElement(document.querySelector('body'), {
    onAdd: function(e) { console.log('loader added to body') },
    onRemove: function(e) { console.log('loader removed from body') }
});

stoplisteningToElementIntercept (listenObject)

interceptChildLoadersForElement()リスナーは、stopLingentToElementIntercept()関数を使って削除することができます。リスナーを止めたいelementのみを渡します。

LoaderEvents.stopListeningToElementIntercept(document.querySelector('body'))

LoaderEvent

onAdd、またはonRemove関数が呼び出される度に、LoaderEvent オブジェクトが作成されます。これには、ローダーが追加される要素と、イベントの処理方法を操作できるいくつかの関数が含まれます。オブジェクトが作成されます。これには、ローダーが追加される要素と、イベントの処理方法を操作できるいくつかの関数が含まれます。同じElementでinterceptChildLoadersForElementが複数回呼び出された場合、最初のアプリケーションのみが使われます。

LoaderEvent.element

これはローダーが追加、または削除される要素です。

...