首页 > 移动平台 > 详细

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

时间:2014-02-15 08:00:23      阅读:412      评论:0      收藏:0      [点我收藏+]

   使用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();其实可手动点击bubuko.com,布布扣效果是一样的。


 4任意panel的跳转

   可以使用 trigger,例如

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

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

   实现和上边相同的跳转

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

trigger参考

ui_loadContent参考

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

原文:http://blog.csdn.net/xuexiaodong009/article/details/18961325

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!