使用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参考

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/5266.html

(0)
上一篇 2021年7月16日
下一篇 2021年7月16日

相关推荐

发表回复

登录后才能评论