使用jqMobi开发app,panel之间的跳转方式。根据当前页面的不同展现方式,主要有四种跳转方式。
** 1当前页面是弹出的,关闭当前页面2当前页面不是弹出的,可以使用a标签3使用 $.ui.goBack()4任意panel的跳转**
** 1当前页面是弹出的,关闭当前页面**
例如登录页面因为使用了modal="true",因此是弹出的,再登陆成功后,只需要关闭弹出窗体就可以返回到以前的页面。
$.ui.hideMask();关闭遮罩层
$.ui.hideModal(); 关闭弹出窗体
具体可以参考
[使用jqMobi开发app基础:登录页面的实现](http://blog.csdn.net/xuexiaodong009/article/details/18450135)
**2当前页面不是弹出的,可以使用a标签**
例如取消按钮,可以根据需要跳转到制定的panel。
~~~
<a href="#jiekuanshenpi" class="button" >取消</a>
~~~
**3 使用 $.ui.goBack()**
例如在修改了某一条信息成功后,跳转到所有信息列表页面。可以使用$.ui.goBack();其实可手动点击![](https://box.kancloud.cn/2016-02-23_56cbb4b91adee.jpg)
效果是一样的。
4任意panel的跳转
可以使用**trigger,例如**
~~~
$("#jiekuanshenpi").trigger("click");
~~~
跳转到Id为jiekuanshenpi的标签
还可以使用$.ui.loadContent()
实现和上边相同的跳转
~~~
$.ui.loadContent("#jiekuanshenpi", false, false, "pop");
~~~
[trigger参考](http://app-framework-software.intel.com/api2/#_trigger)
[ui_loadContent参考](http://app-framework-software.intel.com/api2/#$_ui_loadContent)
- 前言
- 使用jqMobi开发app基础
- jqMobi开发app页面注意事项
- 使用jqMobi开发app基础:定义header
- 使用jqMobi开发app基础:定义footer
- 使用jqMobi开发app基础:通过panel添加内容
- 使用jqMobi开发app基础:panel属性data-defer介绍
- 使用jqMobi开发app基础:Side Menu
- 使用jqMobi开发app基础:Styled Lists布局
- 使用jqMobi开发app基础:Grid布局
- 使用jqMobi开发app基础:响应式布局介绍
- 使用jqMobi开发app基础:Toggle Switches开关按钮
- 使用jqMobi开发app基础:HTML5 LocalStorage 本地存储
- 使用jqMobi开发app基础:登录页面的实现
- 使用jqMobi开发app基础:注销页面的实现
- 使用jqMobi开发app基础:viewport指令
- 使用jqMobi开发app基础:a标签的使用
- 使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据
- 使用jqMobi开发app基础:页面传值方式
- 使用jqMobi开发app基础:panel之间的跳转方式
- 使用jqMobi开发app基础:panel之间的跳转方式总结
- 使用jqMobi开发app基础:下拉select
- 使用jqMobi开发app基础:真的只能存在一个DOM吗?
- 使用jqMobi开发app基础:使用 jQuery
- 使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法
- 使用jqMobi开发app基础:Scrolling的使用,停止和继续拖动有关的问题
- 使用jqMobi开发app基础:Badge的使用
- 使用jqMobi开发app基础:如何拨打电话?
- 使用jqMobi开发app基础:弹出内容的设计