jquery mobile-用于浏览具有不同内容的同一页面

Question

我正在尝试使用不同的内容和幻灯片动画滑动同一页面。 我正在使用jquery mobile。然而，在页面转换后没有幻灯片动画。 我错过了什么？

$( 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);              
        }    
 });
});