jQueryMobile操作HTML5的常用函数总结.pdfVIP

jQuery Mobile 是针对移动端开发的 JavaScript 框架 , 正如其名基于 jQuery 库 ,jQuery Mobile 主要被用来操作 HTML5 设计页面 UI, 下面就来看一下 jQuery Mobile 操作 HTML5 的 常用函数总结 : 一 . $.mobile.changePage() amp; $.mobile.loadPage() 1.$.mobile.changePage() $.mobile.changePage() 方法会在页面加载时自动调用， 若这个页面为当前文档中的不同 page ，则会转到这个新页面隐藏旧页面；若这个页面为外部页面，即页面与当前页面不在 同一文档中（本质上是新页面不在当前 DOM 中）， $.mobile.changePage() 首先会调用 $.mobile.loadPage() 把外部页面的元素插入到 DOM 中，再显示新页面。 这也是对页面加载 过程的简单复述。 $.mobile.changePage() 有两个参数 to (string or object, 必须 ) 和 options (object, 可选 ) ， 具体如下： （1）—— to (string or object, 必须 ) to 为必要参数，其值可以为 string( 字符串，如 about/us.html) 或 object( 对象，如 $(#about)) ，这主要是面向两种不同的页面， string 形式的为外部页面链接，而 object 为 同一文档中的不同 page ，如 #page2 ，$.mobile.changePage() 会把其处理成包含这个 DOM 的 jQuery 对象，即 $(#page2) 这种形式，而 $.mobile.changePage() 内部会判断 to 参数的形式，若是 string 则调用 $.mobile.loadPage() 把外部页面的元素插入到 DOM 中， 再显示页面。 （2 ）—— options (object, 可选 ) options 为可选参数，其值为 object （对象），这个 object 包含多个属性，这些属性储 存一个页面的各种参数， jQuery Mobile 会根据这些参数来控制如何加载页面，以及对页面 进行初始化。具体属性值如下： allowSamePageTransition (boolean, 默认值 : false) 默认情况下， $.mobile.changePage() 是 不会理会跳转到当前页面的请求。把这个属性设置为 true ，则可以允许这种请求 changeHash (boolean, 默认值 : true) 判断地址栏上的哈希值是否应该被更新。 data (object 或 string, 默认值 : undefined) Ajax 请求时发送的数据。 仅当 to 参数的值为 一个 URL 时可用。 dataUrl (string, 默认值 : undefined) 当浏览器完成页面转换时要更新浏览器的地址栏上 的 URL 。如不特别指定，则使用 data-url 的属性值。 pageContainer (jQuery collection, 默认值 : $.mobile.pageContainer) 指定包含页面的 DOM 对象的 jQuery 对象。 reloadPage (boolean, 默认值 : false) 强制刷新页面，即使页面容器的 DOM 已经准备好 仍然会执行刷新。仅当 to 参数的值为一个 URL 时可用。 reverse (boolean, 默认值 : false) 设置页面转场动画的方向。 当该属性设置为 true 时页 面转场反向。 role (string, 默认值 : undefined) 显示页面的时候使用