方法

Jquery Mobile.mobile对象提供了几种方法供你在应用中使用

$.mobile.changePage (method)

通过程序跳转一个页面到另一个页面 ，以点击一个链接或者提交表单的形式出现(当那些特性被启用时）.

参数

to

字符串类 ，欲转到的页面的url地址，例如 ("about/us.html")

  • Jquery对象 ($("#about"))

  • 一个指定了两个页面引用的数组[from，to] ，用以在已知的page进行跳转. From 是当前所能看到的页面( 或者是 $.mobile.activePage ).

  • 发送表单数据的对象. {url: url, data: 序列化的表单数据 type: "get" or "post"}

transition (字符串类型，例如 "pop", "slide"," "none")

reverse(字符串类型，默认: false). 设置为true时将导致一个反方向的转场

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)

引用当前活动的断