appcan跳转打开新窗口百度经验

初学者使用appcan肯定会意识到这是一个很不错的app制作工具,通过现成的好多模版可以生成很多精美的页面,页面都做好了,接下来就是点击加载新页面的过程了,可以怎么做呢?使用html的a/a?当然不行,尽管可以完成页面跳转但是banner根本不能跳转。怎么办?下面就分享下我的具体做法!准备好我们建好的每个页面的代码,打开项目,找到主页导航页面,右键预览然后就会在模拟的机器界面显示此时我们页面模块根本点不动,因为既没链接,又没js跳转,所以我们就进行跳转设置,找到content页面在每块div对应的代码中加入id号,注意此id号就是你要跳转页面的名称,比如setting.html,就填id:setting,不要写错!然后我们需要到script区域加入跳转代码appcan.button(.uw-app1,btn-act,function(a,b){varbtn=$(a.currentTarget);varbtn_id=btn.attr(id);if(btn_id){appcan.window.open(btn_id,btn_id+.html,10);}})加入之后,使用ctrl+s进行保存下!然后注意添加代码中的appcan.button括号里面的class类名是否与div的类名对应(div里面的class有很多,只需其中一个就行)然后预览时就可以正常跳转页面了(其实这个过程是打开新页面)ok,appcan的页面跳转成功搞定!相关的使用组件,请参阅appcan


转载请注明:http://www.aierlanlan.com/rzgz/6553.html

  • 上一篇文章:
  •   
  • 下一篇文章: