资源描述：
《jquerymobile操作html5的常用函数总结_jquery》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、jQueryMobile操作HTML5的常用函数总结一•$.mobile.changePage()&$・mobile.1oadPage()1.$・mobile.changePage()$.mobile.changePage()方法会在页而加载时自动调用，若这个页而为当前文档中的不同"page",则会转到这个新页面隐藏旧页面；若这个页面为外部页面，即页面与当前页面不在同一文档屮(木质上是新页面不在当前DOM屮)，$.mobi1e.changePage()首先会调用$.mobile.loadPageO把外部页面的元素插入到DOM中，再显示新页面。这也是对页面加载过程的简单复述。$.mobil
2、e.changePage()冇两个参数to(stringorobject,必须)和options(object,可选),具体如下：(1)to(stringorobject,必须)to为必要参数，其值可以为string(字符串,如"about/us.html")或object(对象,如$("#about〃)),这主要是面向两种不同的页面,string形式的为外部页面链接，而object为同一文档中的不同"page",如〃#page2",$.mobile.changePage()会把其处理成包含这个D0M的jQuery对彖，即$('#page2')这种形式,而$.mobile.changeP
3、age()内部会判断to参数的形式，若是string则调用$.mobile.loadPageO把外部页面的元素插入至！JDOM中，再显示页面。(2)options(object,可选)options为可选参数，其值为object(对象)，这个object包含多个属性，这些属性储存一个页面的各种参数，jQueryMobile会根据这些参数来控制如何加载页面，以及对页面进行初始化。具体属性值如下：allowSamePagcTransition(boolean,默认值：false)默认情况卜，$.mobile.changePage()是不会理会跳转到当前页而的请求。把这个屈性设置为"true"
4、，则可以允许这种请求changeHash(boolean,默认值：true)判断地址栏上的哈希值是否应该被更新。data(object或string,默认值：undefined)Ajax请求时发送的数据。仅当to参数的值为一个URL时可用。dataUrl(string,默认值：undefined)当浏览器完成页而传换时要更新浏览器的地址栏上的URLo如不特别指定，则使用data-url的属性值。pageContainer（jQuerycollection,默认值：$.mobile.pageContainer）扌旨定包含页面的DOM对彖的jQuery对彖。reloadPage（boolea
5、n,默认值:false）强制刷新页面，即使页面容器的DOM已经准备好仍然会执行刷新。仅当to参数的值为一个URL时可用。reverse（boolean,默认值：felse）设置页面转场动画的方向。当该属性设置为"true"时页面转场反向。role（string,默认值:undefined）显示页面的时候使用data-role值。默认情况下为undefined,即取决于元素的@data-role属性值（标签上data-role的值）。showLoadMsg（boolean,默认值：true）设置当加载外部页面时是否显示加载提示信息。transition（string,默认值：$.mob订e
6、.defaultPageTransition）设置页而加载时使用的过场动画。type（string,default:〃get〃）设置请求页面吋使用的方法（〃get〃或〃post〃）o仅当to参数的值为一个URL时口J用。这里引用例子说明一下$.mobile.changePageO的使用方法，手动调用该方法可以触发跳转到一个新页面，例如，在WebApps发生错误时可以跳转到一个提示错误的页面。//转入到"aboutus〃页面并使用〃slideup〃转场动画$.mobilc.changcPeigc（"about/us・html",{transition:"slidcup"}）;//转入到''
7、searchresults'"页面，使用来自id为search的表单数据，并把页面请求方式改为"post"$.mobi1e.changePage（'searchresults.php，,{type:〃post〃，data:$（z，form#search〃）・serializeO}）；//转入到〃confir『页面并使用〃pop〃转场动画，不更新历史记录（地址栏哈希值不更新）$.mobile.changePage（'・・/alerts
