jQuery Mobile页面跳转切换的几种方式

jQuery Mobile在移动开发中越来越受到欢迎。而他的各个版本也在持续不断的更新中。同样的我也很喜欢它，它加快了我们开发HTML5的速度。
同时又具备jQuery一样的操作方法。学起来也是相当的容易。所以这一片文章就是介绍jQuery Mobile的页面跳转的。
少说废话，看源码:

  
    
	
    
    
    
    
    
    
	
	
	
  
  
    

		

			

				涛哥伪专家管理系统
			
			刷新
		

		

			
我是第一个页面
			

				如有不懂，请加qq群：135430763，共同学习！
			
			

				如有不懂，请加qq群：135430763，共同学习！
			
			

				如有不懂，请加qq群：135430763，共同学习！
			
			

				如有不懂，请加qq群：135430763，共同学习！
			
			跳转到下一个页面
		
		
		

			

				涛哥伪专家管理系统
			
		
	
	
	

		

			

				涛哥伪专家管理系统
			
			刷新
		

		

			
我是第二个页面
			

				如有不懂，请加qq群：135430763，共同学习！
			
			

				如有不懂，请加qq群：135430763，共同学习！
			
			

				如有不懂，请加qq群：135430763，共同学习！
			
			

				如有不懂，请加qq群：135430763，共同学习！
			
			跳转到下一个页面
		
		
		

			

				涛哥伪专家管理系统
			
		
	
	
	

		

			

				涛哥伪专家管理系统
			
			刷新
		

		

			
我是第三个页面
			

				如有不懂，请加qq群：135430763，共同学习！
			
			
有几种方法来切换页面
			
1. $.mobile.changePage ('../path/to/page.html');
			
2. $.mobile.changePage ('other/page.html', 'fade', false, false);
			
可以设定页面切换效果，以及定义参数来控制页面是否记录历史等
			
3.var pageData = { url: formresults.php, type: 'get', data:
			
$('form#myform').serialize () };
			
$.mobile.changePage (pageData);
			
将页面url，类型，数据定义为变量来传递。
			
4.var previousPage = $.mobile.activePage.data ('ui.prevPage');
			
$.mobile.changePage ([previousPage, anotherPreviousPage], 'pop');
			
使用changepage来加载第三个页面
			
5.$.mobile.pageLoading ();  /显示加载信息
			
$.mobile.pageLoading (true); //隐藏
			
pageLoading(boolean done)
			
函数显示或隐藏页面加载的提示信息。可以在$.mobile.loadingMessage变量中设置。
			
6 .$.mobile.silentScroll (100);
			
silentScroll (number yPos): 在Y轴上（默认为0）滚动页面而不需要触发scroll事件
			跳转到第一个页面
		
		
		

			

				涛哥伪专家管理系统
			
		
	
	
    
  

其他方法：

1. $.mobile.changePage ('../path/to/page.html');
2. $.mobile.changePage ('other/page.html', 'fade', false, false);
可以设定页面切换效果，以及定义参数来控制页面是否记录历史等
3.var pageData = { url: formresults.php, type: 'get', data:
$('form#myform').serialize () };
$.mobile.changePage (pageData);
将页面url，类型，数据定义为变量来传递。4.
var previousPage = $.mobile.activePage.data ('ui.prevPage');
$.mobile.changePage ([previousPage, anotherPreviousPage], 'pop');
使用changepage来加载第三个页面
5.$.mobile.pageLoading ();  /显示加载信息
$.mobile.pageLoading (true); //隐藏
pageLoading(boolean done)
函数显示或隐藏页面加载的提示信息。可以在$.mobile.loadingMessage变量中设置。
6 .$.mobile.silentScroll (100);
silentScroll (number yPos): 在Y轴上（默认为0）滚动页面而不需要触发scroll事件

OK,到此结束了，欢迎大家关注我的个人博客。

如有不懂，请大家加入qq群：135430763共同学习！