Jquery Mobile在$.mobile对象中提供了几种方法和属性供你在应用中使用
$.mobile.changePage
(方法)
通过程序跳转一个页面到另一个页面 ,以点击一个链接或者提交表单的形式出现(当那些特性被启用时).
参数
to(字符串 或 对象, 不可缺省)
• 字符串: 绝对或相对URL地址. ("about/us.html")
• 对象:jquery选择器对象($("#about"))
options (对象,可选)
• 字符串: 绝对或相对URL地址. ("about/us.html")
• 对象:jquery选择器对象($("#about"))
属性:
allowSamePageTransition (布尔值,默认:false)默认情况下,changePage() 会忽略跳转到已活动的页面的请求。如果把这项设为true,会使之执行。开发者应该注意有些页面的转场会假定一个跳转页面的请求中来自的页面和目标的页面是不同的,所以不会有转场动画。
changeHash (布尔值,默认:true) 判断地址栏的哈希值是否应被更新。
data (字符串 或 对象,默认: undefined)要通过ajax请求发送的数据,只在changePage() 的 to 参数 是一个地址的时候可用。
data-url (字符串,默认: undefined)完成页面转换时要更新浏览器地址的URL地址。如不特别指定,则使用页面的data-url属性值。
pageContainer (jQuery选择器,默认:$.mobile.pageContainer)指定应该包含页面的容器。
reloadPage (布尔值,默认: false) 强制刷新页面, 即使当页面容器中的dom元素已经准备好时,也强制刷新。只在changePage() 的 to 参数 是一个地址的时候可用。
reverse (布尔值,默认:false) 设定页面转场动画的方向,设置为true时将导致反方向的转场。
showLoadMsg (布尔值,默认:true) 设定加载外部页面时是否显示loading信息。
role (字符串,默认:undefined) 显示页面的时候使用data-role值。默认情况下此参数为认:undefined,意为取决于元素的@data-role属性。
type (字符串, 默认: "get") 指定页面请求的时候使用的方法("get" 或者 "post")。只在changePage() 的 to 参数 是一个地址的时候可用。
transition (字符串类型,例如 "pop", "slide"," "none")
reverse(字符串类型,默认: false). 设置为true时将导致一个反方向的转场?/dd>
changeHash(布尔?默认: true). 页面改变完成时更新页面url的哈希值
实例
//使用slideup(上滑)的转场效果转到about/us.html页面
$.mobile.changePage("about/us.html", "slideup");
//转到 searchresults页面,使用来自id为search的表单数
$.mobile.changePage({
url: "searchresults.php",
type: "get",
data: $("form#search").serialize()
});
//使用pop的转场效果转?./alerts/confirm.html页面,不记录进历史记录当
$.mobile.changePage("../alerts/confirm.html", "pop", false, false);
jqmData(), jqmRemoveData(), and jqmHasData() (method)
在Jquery Mobile中,jqmData,jqmRemoveData应该用在Jquery核心的data和removeData 方法?请注意这也包?$.fn.data, $.fn.removeData,?.data, $.removeData,以及$.hasData方法),因为他们会自动获取,设置命名空间的属性(即使当前没有命名空间被使用的情况下。)
参数
参见Jquery的data方法和renovedata方法
并且
当通过Jquery的data属性寻找元素时,请使用自定义的选择? jqmData() ,因为他在查询元素时会自动合并命名空间的data属性。例如,你应该使? $("div:jqmData(role='page')") ,而不是使?("div[data-role='page']")选择元素,因为前者会自动映射?("div[data-"+ $.mobile.ns +"role='page']"),你不需要把命名手动的连接成选择器
$.mobile.pageLoading (method)
显示或隐藏页面加载消息,该消息由.mobile.loadingMessage进行配置.
参数
Done (布尔, 默认为false, 意味着加载已经开始. 设为True会隐藏loading消息
示例
// 显示页面加载消息
$.mobile.pageLoading();
// 隐藏页面加载消息
$.mobile.pageLoading(true);
$.mobile.path (methods, properties)
用来取得,设置,操作url地址
mobile.base (methods, properties)
用来生成的根元素
$.mobile.silentScroll (method)
不会触发任何事件,静默滚屏到特定的文档的Y值处
参数
yPos (数字,默认为0).
示例
//滚屏到y 100px处
$.mobile.silentScroll(100);
$.mobile.addResolutionBreakpoints (method)
值(数字或数组)。给分辨率class类添加任意的数字或数字数组。详细信息请参见Orientation & resolution targeting.
示例
//添加400px的分辨率断点
$.mobile.addResolutionBreakpoints(400);
//添加2个分辨率断点
$.mobile.addResolutionBreakpoints([600,800]);
示例
//滚屏到y 100px处
$.mobile.silentScroll(100);
$.mobile.activePage (property)
引用当前活动的断