`
caiwb1990
  • 浏览: 307792 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

4.方法 Methods

    博客分类:
  • Jqm
 
阅读更多
Jquery Mobile.mobile对象提供了几种方法供你在应用中使用

$.mobile.changePage (method)
通过程序跳转一个页面到另一个页面 ,以点击一个链接或者提交表单的形式出现(当那些特性被启用时).
字符串类 ,欲转到的页面的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时将导致一个反方向的转场?/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方法),因为他们会自动获取,设置命名空间的属性(即使当前没有命名空间被使用的情况下。)

[code="参数
"]参见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)
yPos (数字,默认为0).
//滚屏到y 100px处
$.mobile.silentScroll(100); 


$.mobile.addResolutionBreakpoints (method)
值(数字或数组)。给分辨率class类添加任意的数字或数字数组。详细信息请参见Orientation & resolution targeting.
//添加400px的分辨率断点
$.mobile.addResolutionBreakpoints(400);
//添加2个分辨率断点 
$.mobile.addResolutionBreakpoints([600,800]); 
[/code】
//滚屏到y 100px处
$.mobile.silentScroll(100);


$.mobile.activePage (property)
引用当前活动的断









分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics