出现之前,介绍过他将支持的各个平台。现在 jQuery Mobile 框架已
经发布,虽然他出现的时间并不长,但是它的质量却有了很大的改善。实际上,它的许多
子系统都已经重新编写了(为了改善代码的清晰度和性能),跨浏览器兼容性在质量上也
有了很大的提升。
jQuery
Mobile
以前,
我使用过
jQTouch 和
Sencha
Touch。它
们各有优缺
点,但是我
更喜欢把注
意力放在
jQuery
Mobile 开
发上。现在,
我将会为您
讲述如何创
建一个简单
的应用程序,
这个应用程序只有几个页面,可以支持 Twitter,带有 Google Maps 功能,以及一些基本的
元素。让我们开始吧!
首先,我们添加框架和样式。
1 <link rel="stylesheet"
href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
2 <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
3 <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-
1.0a2.min.js"></script>
4
现在,让我们来创建页面。这里我们应该注意一下 jQuery Mobile 和 jQTouch 的相似性
——整个应用程序就是一个 html 页面,在这个 html 页面中,特殊标记的 div 就是这个应用
程序的“页面”。在它的基础表单中,这样的“应用程序页面”如下所示:
5 <div data-role="page">
6 <div data-role="header">...</div>
7 <div data-role="content">...</div>
8 <div data-role="footer">...</div>
9 </div>
评论2
最新资源