jquery - Modernizr.prefixed() で jQuery の .on() を使用する

Question

使用する必要があるjQueryスクリプトを理解しようとしています。
今、私は次のスニップを見つけました：

$currPage.addClass( outClass ).on( animEndEventName, function() {
    $currPage.off( animEndEventName );
    endCurrPage = true;
    if( endNextPage ) {
        onEndAnimation( $currPage, $nextPage );
    }
});

私がすでに知っていることの説明:
$currPage: これは現在のページです。それは a<div class="page">
endCurrPageです: これは標準のブール値です false
endNextPage: に似ていますendCurrPage

私の質問はその.on( animEndEventName,部分です。変数は次のanimEndEventNameようになります。

var animEndEventNames = {
    'WebkitAnimation' : 'webkitAnimationEnd',
    'OAnimation' : 'oAnimationEnd',
    'msAnimation' : 'MSAnimationEnd',
    'animation' : 'animationend'
},
animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' ) ];

このコードは Modernizr.prefixed() によるものです: http://modernizr.com/docs/#prefixed

jQuery の.on()イベント待機は、こちらanimEndEventName. では、これが実際にどのように機能するのでしょうか。この部分がよくわかりません…

あなたが私を助けてくれることを願っています。さらにコードが必要な場合は、それを言ってください。しかし、これは関連する部分だと思います。

編集:
codrops による github の完全なスクリプトは次のとおりですhttps://github.com/codrops/PageTransitions/blob/master/js/pagetransitions.js