Jquery mobile framework 可以帮助你开发基于web的富移动应用程序。在这篇教程里,我们将解释一些基本的事情,比如theme selection (主题选择),library usage(库的使用),design pages(页面设计),page links(页面链接)和transition animations (过渡动画)。代码轻便,简单,灵活。它支持流行的智能手机和嵌入平台。使用它可以让你的移动应用更充实。
包含jQuery Mobile库
第一步就是在你的web page头部引入jQuery Mobile的样式表和javascript库文件。
设计你的web page
jQuery Mobile可以在普通的html标签或html5标签中工作,但是你必须添加一些data属性(data-role,data-theme等等)在html标签中。
自定义列表项
你可以自定义你的文章行,添加一些描述和评论数码。看看如下代码:
选择主题样式
Data-theme属性是用来为特定元素选择一个主题的。Data-theme的值可以是a,b,c,d,e。(根据文档data-theme的值可以是a到z,但是还在开发中。) 链接内含页 链接内含页可以使用简单的锚标签。锚链接的href值对应于包含标签的id值。
过渡动画
你可以在页面切换时使用过渡动画。Data-transition属性定义过渡效果。 About Us 代码下载:jquery_mobile Demo:http://demos.9lessons.info/demos/jquery_mobile/ 原文:http://www.9lessons.info/2011/12/jquery-mobile-framework-tutorial.html
最后修改于 2012-01-09