使用主题
在使用HTML的标准语法元素去构建移动应用时,jQuery Mobile最有趣的特征是它可以增强和美化HTML页面的效果,使到它能适合移动应用的样式。比如象下面的一段普通的HTML:
在普通的浏览器中,可以看到的效果如下图:
如果你要需要在移动设备中,看到很好的效果的话,只需要在<ul>中增加data-role="listview"即可,效果如下图:
当然,还有能做到更好的办法,你可以使用jQuery Mobile主题包中的任意一个样式主题,只需要在<ul>元素中加入属性data-theme="X"即可(其中X指的是主题的包名),比如设置为data-theme="a"即可看到如下图的效果:
目前,很奇怪的是对主题样式以字母这样的形式命名,估计是目前项目团队的权宜之计吧,相信在不久的将来会有所改进的。
总结:
目前jQuery Mobile项目还处在alpha 2版本阶段,还有一些不足和存在的问题。但由于开发者对jQuery是十分熟悉的,因此在开发时成本不高,易于上手,而且很容易将原来基于WEB的应用通过jQuery Mobile项目进行改造过来。