jQuery Mobile在$.mobile对象里公开了一系列的开发方法和实用工具
2012-07-13 11:19
465 查看
2011-07-20 14:03 filod filod 我要评论(0) 字号:T | T
本文将讲述jQuery Mobile在$.mobile对象里公开了一系列的开发方法和实用工具,这些开发方法和实用工具可以来辅助您完成自己的应用程序.
AD:
$.mobile.changePage (method)
从一个页面到另一个页面可以编程来改变.该方法用于页面间跳转,以点击一个链接或者提交表单的形式出现, (当那些特性被启用时).
Arguments
to
◆String, url: ("about/us.html")
◆jQuery 对象 ($("#about"))
◆一个指定了两个页面引用的数组[from,to] ,用以在已知的page进行跳转. From 是当前所能看到的页面( 或者是 $.mobile.activePage ).
◆发送表单数据的对象. ({to: url, data: serialized form data, type: "get" or "post"}
transition (string, 过渡效果: "pop", "slide"," "none")
reverse (boolean, default: false). 设置为true时将导致一个反方向的跳转.
changeHash (boolean, default: true). 当页面change完成时更新页面的URL hash.
示例:
$.mobile.pageLoading (method)
显示或隐藏 页面加载消息,该消息由$.mobile.loadingMessage进行配置.
Arguments:
Done (boolean,默认为 false, 这意味着加载已经开始). 设置为True会隐藏 页面加载消息.
示例:
$.mobile.path (methods, properties)
Utilities for getting, setting, and manipulating url paths. TODO: document as public API is finalized.
$.mobile.base (methods, properties)
Utilities for working with generated base element. TODO: document as public API is finalized.
$.mobile.silentScroll (method)
在不触发scroll事件处理程序的情况下在Y轴上进行滚动.
Arguments:
yPos (number, 默认为 0). 传递任何数字以在Y坐标上进行滚动.
示例:
$.mobile.addResolutionBreakpoints (method)
为min/max width class 添加width折断点 被添加到HTML元素上. (译注:折断点指的是当屏幕或浏览器宽度在到达某个范围时,容器元素将会发生折断现象--比如当宽度为480时2个radiobutton会排成一排,而宽度改变为320时,2个radiobutton可能会自动折断成两排)
Arguments:
values (number 或者 array). 传递任何数字或者数字数组.
示例:
本文将讲述jQuery Mobile在$.mobile对象里公开了一系列的开发方法和实用工具,这些开发方法和实用工具可以来辅助您完成自己的应用程序.
AD:
$.mobile.changePage (method)
从一个页面到另一个页面可以编程来改变.该方法用于页面间跳转,以点击一个链接或者提交表单的形式出现, (当那些特性被启用时).
Arguments
to
◆String, url: ("about/us.html")
◆jQuery 对象 ($("#about"))
◆一个指定了两个页面引用的数组[from,to] ,用以在已知的page进行跳转. From 是当前所能看到的页面( 或者是 $.mobile.activePage ).
◆发送表单数据的对象. ({to: url, data: serialized form data, type: "get" or "post"}
transition (string, 过渡效果: "pop", "slide"," "none")
reverse (boolean, default: false). 设置为true时将导致一个反方向的跳转.
changeHash (boolean, default: true). 当页面change完成时更新页面的URL hash.
示例:
//以slideup效果 跳转到 "about us" 页面 $.mobile.changePage("about/us.html", "slideup"); //跳转到 "search results" 页面,提交id为 "search"的表单数据 $.mobile.changePage({ url: "searchresults.php", type: "get", data: $("form#search").serialize() }); //以pop效果 跳转到 "confirm" 页面 并且在url hash里不记录其历史 $.mobile.changePage("../alerts/confirm.html", "pop", false, false);
$.mobile.pageLoading (method)
显示或隐藏 页面加载消息,该消息由$.mobile.loadingMessage进行配置.
Arguments:
Done (boolean,默认为 false, 这意味着加载已经开始). 设置为True会隐藏 页面加载消息.
示例:
//提示页面加载 $.mobile.pageLoading(); //隐藏页面加载 $.mobile.pageLoading( true );
$.mobile.path (methods, properties)
Utilities for getting, setting, and manipulating url paths. TODO: document as public API is finalized.
$.mobile.base (methods, properties)
Utilities for working with generated base element. TODO: document as public API is finalized.
$.mobile.silentScroll (method)
在不触发scroll事件处理程序的情况下在Y轴上进行滚动.
Arguments:
yPos (number, 默认为 0). 传递任何数字以在Y坐标上进行滚动.
示例:
// Y上滚动 100px $.mobile.silentScroll(100);
$.mobile.addResolutionBreakpoints (method)
为min/max width class 添加width折断点 被添加到HTML元素上. (译注:折断点指的是当屏幕或浏览器宽度在到达某个范围时,容器元素将会发生折断现象--比如当宽度为480时2个radiobutton会排成一排,而宽度改变为320时,2个radiobutton可能会自动折断成两排)
Arguments:
values (number 或者 array). 传递任何数字或者数字数组.
示例:
//添加一个 400px 的分辨率断点 $.mobile.addResolutionBreakpoints(400); //添加二个分辨率断点 $.mobile.addResolutionBreakpoints([600,800]);
相关文章推荐
- Android开发笔记之工具类使用静态方法与单例对象方法的优劣
- jQuery Mobile开发方法和实用工具 转
- jQuery Mobile开发方法和实用工具
- [Tizen开发]Bada应用程序转换到Tizen应用程序-迁移工具安装方法
- apk反编译方法(绝对简单实用)+ 反编译工具下载
- C++跨平台开发方法/工具
- Android开发中常用工具方法(1)
- 用Delphi开发OPC客户端工具的方法研究
- 10个前端开发必备的工具或使用方法
- 开发所用到工具和方法
- iOS开发核心语言Objective C —— 面向对象思维、setter和getter方法及点语法
- GTK+图形化应用程序开发学习笔记(十一)—箭头构件、工具提示对象
- iOS开发OC基础:类和对象以及方法的声明与实现概述
- .Net 高效开发之不可错过的实用工具(转)
- 开发作中常用,实用工具推荐!
- 十款让 Web 前端开发人员更轻松的实用工具
- iOS开发-OC-类、对象、方法
- APP实用开发—内存对象序列化
- ASE中的命令行实用工具isql的几个参数的使用方法
- 实用的数据库开发工具SqlDbx和SQL Assistant推荐