使用jqMobi开发app基础之panel之间的跳转方式总结

使用jqMobi开发app，panel之间的跳转方式。根据当前页面的不同展现方式，主要有四种跳转方式。

1当前页面是弹出的，关闭当前页面2当前页面不是弹出的，可以使用a标签3使用 $.ui.goBack()4任意panel的跳转

1当前页面是弹出的，关闭当前页面

例如登录页面因为使用了modal="true"，因此是弹出的，再登陆成功后，只需要关闭弹出窗体就可以返回到以前的页面。

$.ui.hideMask();关闭遮罩层

$.ui.hideModal(); 关闭弹出窗体

具体可以参考

使用jqMobi开发app基础：登录页面的实现

2当前页面不是弹出的，可以使用a标签

例如取消按钮，可以根据需要跳转到制定的panel。

<a href="#jiekuanshenpi"  class="button" >取消</a>

3  使用 $.ui.goBack()

例如在修改了某一条信息成功后，跳转到所有信息列表页面。可以使用$.ui.goBack();其实可手动点击效果是一样的。

返回栏目页：http://www.bianceng.cnhttp://www.bianceng.cn/OS/extra/

4任意panel的跳转

可以使用 trigger，例如

$("#jiekuanshenpi").trigger("click");

跳转到Id为jiekuanshenpi的标签

还可以使用$.ui.loadContent(）

实现和上边相同的跳转

$.ui.loadContent("#jiekuanshenpi", false, false, "pop");

作者：csdn博客 xuexiaodong2009