zl程序教程

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

当前栏目

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

App基础手机开发 使用 详解 方式 总结
2023-06-13 09:20:12 时间

   使用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" 取消 /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参考

5266.html

app程序应用开发手机开发无线开发移动端开发