您的位置:首页 > 移动开发

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

2014-02-14 09:25 459 查看
   使用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();其实可手动点击

效果是一样的。

 4任意panel的跳转

   可以使用 trigger,例如

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

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

   实现和上边相同的跳转

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

trigger参考

ui_loadContent参考
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: