var changeSlide = function(toSlide){ if(toSlide.length) $.mobile.changePage( toSlide, { transition: toSlide.jqmData('transition') } ); }; // 返回主页 var getHomeSlide = function(){ return $(':jqmData(role=page):first'); }; // go home var goHome = function(){ changeSlide( getHomeSlide() ); return false; }; // 到下一页 var getNextSlide = function(slide){ return slide.next(':jqmData(role=page)'); }; //到下一页 var goForward = function(){ changeSlide( getNextSlide($.mobile.activePage) ); return false; }; // 获得前一个页面 var getPrevSlide = function(slide){ return slide.prev(':jqmData(role=page)'); }; // 跳到前一个页面 var goBack = function(){ changeSlide( getPrevSlide($.mobile.activePage) ); return false; };
注意一下，使用了 $.mobile.changePage方法来实现页面的跳转，并且跳转是带有 跳转效果参数的，比如： //transition to the "about us" page with a slideup transition $.mobile.changePage( "about/us.html", { transition: "slideup"} ); //transition to the "search results" page, using data from a form with an id of "search" $.mobile.changePage( "searchresults.php", { type: "post", data: $("form#search").serialize() }); 而return $(':jqmData(role=page):first');中，实际上jqmData是代替了 jquery的data选择器了。 4、还有一个就是对左右箭头的就是键盘按键的处理了，比如：
data-small="..." 
收藏
