jquery - jquery mobile- コンテンツが異なる同じページのスワイプ

Question

異なるコンテンツとスライド アニメーションで同じページをスワイプしようとしています。私はjqueryモバイルを使用しています。ただし、ページ遷移後はスライド アニメーションはありません。私は何が欠けていますか？

$( document ).on( "pageinit", "#MatchStats", function() {

 $( document ).on( "swipeleft swiperight", "#MatchStats", function( e ) {
   if ( e.type === "swipeleft"  ) {      
        $.mobile.changePage(  '#MatchStats', { transition: "slide",allowSamePageTransition: true });
       getMatchStats(indexMathces,GroupID);          
    }           
   else if ( e.type === "swiperight" ) {
          $.mobile.changePage( '#MatchStats' , {
                    transition: "slide",
                    allowSamePageTransition: true,
                    reverse: true});
            getMatchStats(indexMathces,GroupID);              
        }    
 });
});