使用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();其实可手动点击使用jqMobi开发app基础:panel之间的跳转方式总结效果是一样的。


 4任意panel的跳转

   可以使用 trigger,例如

  $("#jiekuanshenpi").trigger("click");
    跳转到Id为jiekuanshenpi的标签

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

   实现和上边相同的跳转

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

trigger参考

ui_loadContent参考

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

上一篇:ios7版 30天精通iPhone手机编程 第24天 璀璨的烟花


下一篇:Android的activity的title设定内容