$.mobile.changePage

淩亂°似流年 2022-01-15 02:21 182阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

**$.mobile.changePage (method)**

从一个页面到另一个页面可以编程来改变.该方法用于页面间跳转，以点击一个链接或者提交表单的形式出现， (当那些特性被启用时).

**Arguments**

◆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]);`

转载于:https://my.oschina.net/u/218567/blog/61342

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/4bb6bb83f6c34e9eb401704fef763c31.png