appframework3.0(JQmobi)入门教程


appframework3.0好像是3月24日发布的,今天31号,发现和之前的appframework2.1 || 2.2并不同。

jqmobi3.0中不在支持 data-load/data-unload 属性。

如果想继续用 以前的 data-load/data-unload  可以复制一下代码放到您的程序中

They are renamed, and there is now "before" events too.  If you liked the old way, you could always write a plugin to enable it.

 

[plain] view plaincopy
  1. //psuedo code  
  2. var dispatchPanelEvent:function(fnc,myPanel){  
  3.     if (typeof fnc === "string" && window[fnc]) {  
  4.         return window[fnc](myPanel);  
  5.     }  
  6.     else if(fnc.indexOf(".")!==-1){  
  7.         var scope=window,items=fnc.split("."),len=items.length,i=0;  
  8.         for(i;i<len-1;i++){  
  9.             scope=scope[items[i]];  
  10.             if(scope===undefined) return;  
  11.         }  
  12.         return scope[items[i]](myPanel);  
  13.     }  
  14. };  
  15. $(document).on("panelload",function(e){  
  16.    var hasLoad=$(e.target).attr("data-load");  
  17.   
  18.    return dispatchPanelEvent(hasLoad,e.target);  
  19. })  
  20.   
  21. $(document).on("panelunload",function(e){  
  22.    var hasLoad=$(e.target).attr("data-unload");  
  23.   
  24.    return dispatchPanelEvent(hasLoad,e.target);  
  25. })  


结构:


id="mainview" 肯定是 app页面的主视图。

id="splashscreen" 是加载页面过渡的代码块。


在id="mainview" 中,直接header 和 footer 应该是默认的公共顶部和底部。nav是左右导航,id=left做导航,id=right是右导航。

左右导航中还包含header和footer,可以以class=pages再分多个页面。

data-include="“包含一个子页面。

data-left-drawer="left" 声明左导航。

class="panel"声明一个画面。

data-title="Main"是当前画面顶部标题。如果没有可能会继承上一级的header。

data-selected="true" 默认选中这个画面。

 data-tab="navbar_ui" 选中的id=navbar_ui的ID。

 data-footer="footerui"自定义底部导航。

title=""也是标题,出现在顶部,不知道和data-title="Main"区别。


data-menu-close 关闭左右导航。

data-menu-close data-right-menu="right" 关闭又侧导航。

οnclick="$.afui.drawer.hide('#left')" 关闭id=left的导航。

$.afui.drawer.show('#right','right','push')打开右导航像推动效果。

data-transition="slide" 转场效果为slide

转载于:https://www.cnblogs.com/aishangliming/p/6206829.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/270277.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数据库:推荐几款 Redis 可视化工具,你都用过吗?

目录 1. 命令行 3. Redis Desktop Manager 4.medis 5.AnotherRedisDesktopManager 6.FastoRedis 7.RedisPlus 8.Red 9.Redis Insight 10.Iedis2 11.总结 1. 命令行 不知道大家在日常操作redis时用什么可视化工具呢&#xff1f; 以前总觉得没有什么太好的可视化工具&#xff0c;…

计算机会计学ufo报表,ufo报表实验报告(共10篇).doc

ufo报表实验报告(共10篇)ufo报表实验报告(共10篇) UFO报表实验报告齐鲁工业大学实验报告 成绩课程名称会计电算化指导教师 实验日期 2014/5/21院(系) 商学院 专业班级会计3班实验地点 商学院机房学生姓名 学号 同组人无实验项目名称UFO报表管理一、 实验目的和要求1. 理解报表编…

总线(Bus)

总线&#xff08;Bus&#xff09;是计算机各种功能部件之间传送信息的公共通信干线&#xff0c;它是由导线组成的传输线束&#xff0c;按照计算机所传输的信息种类&#xff0c;计算机的总线可以划分为数据总线、地址总线和控制总线&#xff0c;分别用来传输数据、数据地址和控制…

怎么使用Docker搭建PHP开发环境呢?

在Docker流行之前&#xff0c;要搭建开发环境通常有两种选择&#xff1a;一种是使用wamp、xampp、mamp等集成开发环境安装包&#xff0c;另外一种就是使用普通虚拟机来安装linux服务器&#xff0c;然后通过下载一键安装包&#xff08;如&#xff1a;lnmp&#xff09;或者逐个安…

带你理解 只读事务(@Transactional(readOnly = true)

概念&#xff1a;从这一点设置的时间点开始&#xff08;时间点a&#xff09;到这个事务结束的过程中&#xff0c;其他事务所提交的数据&#xff0c;该事务将看不见&#xff01;&#xff08;查询中不会出现别人在时间点a之后提交的数据&#xff09; 应用场合&#xff1a; 如果…

计算机硬件软件维护报告,计算机软硬件及络维护技能实习报告.doc

计算机软硬件及络维护技能实习报告计软络维护主板硬盘内存CPU&#xff0c;光驱显卡声卡网卡主板&#xff0c;又叫主机板、系统板和母板&#xff1b;它安装在机箱内&#xff0c;是微机最基本的也是最重要的部件之一。光驱就是播放光盘的,一下安装程序,游戏程序的都是放在光盘里的…

手机:华为手机中Mate、P、nova、畅享有什么含义,看完你就懂了

目录 Mate系列&#xff1a;顶级商务旗舰 P系列&#xff1a;时尚拍照旗舰 nova系列&#xff1a;时尚新星 麦芒&#xff1a;年轻人线下机 畅享&#xff1a;千元机主打 很多人在购买华为手机时&#xff0c;看到华为有Mate系列、P系列、nova系列、麦芒系列、畅享系列&#xff0c;这…

MIP开发常见问题解答

校验相关 1. MIP 页面的 <a>链接校验报错&#xff0c;MIP 是强制 target“_blank” 吗 ? 如果想直接跳转 MIP 页&#xff0c;可以用 mip-link 组件&#xff1b;MIP 页 <a> 强制跳出是为了解决 MIP 体验的问题&#xff0c;12 月底会升级校验&#xff0c;去掉强制 t…

U盘拷贝文件很慢?稍微改变一下使用方式,传输速度就快了6倍

随着云端网盘的快速发展和普遍推广&#xff0c;现在基本是以云存储为主&#xff0c;不过u盘还是必不可缺的小工具&#xff0c;不需要网络支持就能够轻松实现复制内容。有网友问怎么样才能提高u盘的传输速度&#xff0c;传个6G的文件&#xff0c;花了十几分钟&#xff0c;速度好…

俄语计算机考研,研友分享:俄语考研91分的经验体会

2010俄语考研&#xff0c;我的分数是91&#xff0c;有些超乎意料(估分85)&#xff0c;因为知识运用部分的20分有好几个是拿不准的。还有因为觉得翻译比较难耽误了很长时间&#xff0c;留给作文只有不到半个小时&#xff0c;极其仓促&#xff0c;到考试前最后一分钟还在奋笔疾书…

Feign使用原理

Feign Client会在底层根据你的注解&#xff0c;跟你指定的服务建立连接、构造请求、发起靕求、获取响应、解析响应&#xff0c;等等。这一系列脏活累活&#xff0c;人家Feign全给你干了。 那么问题来了&#xff0c;Feign是如何做到这么神奇的呢&#xff1f;很简单&#xff0c;…

Wi-Fi 6值得升级吗?从Wi-Fi 5升级到Wi-Fi 6需要什么?

Wi-Fi 6当下最新的无线标准&#xff0c;在升级到 Wi-Fi 6 之前需要考虑一些事项&#xff0c;例如&#xff0c;Wi-Fi 6 值得升级吗&#xff1f;从 Wi-Fi 5 升级到 Wi-Fi 6 需要什么&#xff1f;什么是 Wi-Fi 6&#xff1f;Wi-Fi 6&#xff0c;根据旧的命名约定也称为 802.11ax&a…

UOJ59 WC2013 小Q运动季

题意&#xff1a;给一个模线性方程组&#xff0c;构造解满足尽量多的方程。 直接枚举。模数两两互质&#xff0c;先排除无解的&#xff0c;然后CRT&#xff0c;然而要高精&#xff0c;上python。直接高消&#xff0c;有完美解。2^20暴搜。分解模数&#xff0c;对每个质数高消&a…

太原理工大学计算机宿舍,2019太原理工大学宿舍怎么样 环境好不好

高考结束之后&#xff0c;各位高中生马上就要升入大学了&#xff0c;大家在上大学之前对宿舍的条件非常的关心&#xff0c;下面小编为大家提供2019太原理工大学宿舍条件&#xff0c;仅供大家参考。2019太原理工大学宿舍条件1、大一的孩子注定是住在1、3号楼之外了&#xff0c;那…

网络知识:光纤收发器TX、RX介绍以及两者的区别

当我们远距离传输时&#xff0c;通常会使用光纤来传输。因为光纤的传输距离很远&#xff0c;一般来说单模光纤的传输距离在10千米以上&#xff0c;而多模光纤的传输距离最高也能达到2千米。而在光纤网络中&#xff0c;我们常常会使用到光纤收发器。那么光纤收发器怎么连?我们一…

ajax post 请求415\ 400 错误

今天用ajax 向后台发送 post请求时&#xff0c;出现了两个问题&#xff1a; 1&#xff0c; 发送请求后&#xff0c;控制台 返回 Unsupported media type-415(不支持的媒体类型)&#xff0c;这时突然想起来&#xff0c;post 请求要设置请求头&#xff0c;于是 写了 xhr.setRequ…

操作系统:再见CentOS,将于本月底终止维护!

一年前Red Hat宣布将在今年底&#xff08;2021年&#xff09;结束提供免费的CentOS Linux&#xff08;CentOS 已死&#xff01;&#xff02;免费&#xff02;的 RHEL 没了…&#xff09;。上周五Red Hat再度提醒&#xff0c;CentOS Linux 8将在今年12月31日来到它的生命周期终点…

软件测试与质量分析实验报告,软件测试实验报告

软件测试实验报告 (42页)本资源提供全文预览&#xff0c;点击全文预览即可全文预览,如果喜欢文档就下载吧&#xff0c;查找使用更方便哦&#xff01;14.90 积分&#xfeff;江西农业大学“软件测试与质量保证”课程大作业学员 王洪 学号 0133843 实验名称 电子商城测试报告 指导…