JingleUI是一个基于html5、css3开发轻量级的移动webapp框架,提供一些基本交互方式,常用的组件(scroll,actionsheet,sidemenu,toggle,push2refresh......),帮助您更方便的开发移动应用。
JingleUI升级日志
##0.4##
1.支持普通多页面开发模式,现在支持SPA和多页面模式,建议使用SPA模式进行开发,在muti(多页面模式)下data-target="section"无效
2.重新定义服务端渲染模板方式,由之前的section上使用data-remote更改为在config中配置remotePage,hash中的querystring也会自动附加到remotePage上
3.按钮组(controlGroup)增加change事件
4.data-icon支持左文字右图标方式
5.增加栅格系统
6.完善路由机制
7.form表单布局示例完善
8.欢迎界面组件完善
9.修复部分bug...
JingleUI学习方法
最近开始学习移动Web的开发,不过从头开始还是挺麻烦的,就打算从框架,发现了一些比较好的框架,比如Ritchet。
不过貌似对Android支持的还不是很好。
再比如国产的Jingle,我爱评电影,用起来不错,已经内置了zeptojs这样的框架,用起来比较方便。
Jingle提供了常用的组件,并提供了API,但是文档不是很齐全,而且有时候是错的,常常不知道怎么使用,还好他给出了一个demo和几个实例,可以参照其中的用法。
1)滚动
Jingle里面的article可以使用data-scroll=”true”自动开启滚动,但是当用js动态生成html的时候第一次不会滚动,第二次切换到这个页面才出现滚动条。
解决方法:在添加完html后,加一句J.Scroll(“#article”);
2)header里的control-group颜色
这时会发现没有字显示,因为颜色相同了,
解决方法:可以进jingle.css里面修改header.control-group等几个类的颜色值。
总之,Jingle框架很不错,有兴趣可以用一下。