首页 > 电脑专区 > 电脑教程 >

appcan跳转打开新窗口

来源:互联网 2023-02-21 20:27:21 版权归原作者所有,如有侵权,请联系我们

初学者使用appcan肯定会意识到这是一个很不错的app制作工具,通过现成的好多模版可以生成很多精美的页面,页面都做好了,接下来就是点击加载新页面的过程了,可以怎么做呢?使用html的a>/a>?当然不行,尽管可以完成页面跳转但是banner根本不能跳转。怎么办?下面就分享下我的具体做法!9dy办公区 - 实用经验教程分享!

方法/步骤

  • 1

    准备好我们建好的每个页面的代码,打开项目,9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    找到主页导航页面,右键预览9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 3

    然后就会在模拟的机器界面显示9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 4

    此时我们页面模块根本点不动,因为既没链接,又没js跳转,所以我们就进行跳转设置,找到content页面9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 5

    在每块div对应的代码中加入id号,注意此id号就是你要跳转页面的名称,比如setting.html,就填id:setting,不要写错!9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 6

    然后我们需要到script区域加入跳转代码9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 7

    appcan.button(".uw-app1", "btn-act", function(a, b) { var btn = $(a.currentTarget); var btn_id = btn.attr('id'); if (btn_id) { appcan.window.open(btn_id, btn_id '.html', 10); } })9dy办公区 - 实用经验教程分享!

    加入之后,使用ctrl s 进行保存下!9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 8

    然后注意添加代码中的appcan.button括号里面的class类名是否与div的类名对应(div里面的class有很多,只需其中一个就行)9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 9

    然后预览时就可以正常跳转页面了(其实这个过程是打开新页面)9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

    appcan跳转打开新窗口9dy办公区 - 实用经验教程分享!

  • 10

    ok,appcan的页面跳转成功搞定!相关的使用组件,请参阅appcan官网开发文档。祝你使用愉快!谢谢!!!9dy办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9dy办公区 - 实用经验教程分享!


    标签: 操作系统窗口

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号