1.2 如何获取jQuery Mobile

想在浏览器中正常运行一个jQuery Mobile移动应用页面,需要先获取与jQuery Mobile相关的插件文件。其获取的方法有两种,分别为下载相关插件文件和使用URL方式加载相应文件。

1.2.1 下载插件文件

要运行jQuery Mobile移动应用页面需要包含3个文件,分别为:

□jQuery-1.6.4.min.js:jQuery主框架插件,目前稳定版本为1.6.4;

□jQuery.Mobile-1.0.1.min.js:jQuery Mobile框架插件,目前最新版本为1.0.1;

□jQuery.Mobile-1.0.1.min.css:与jQuery Mobile框架相配套的CSS样式文件,最新版本为1.0.1。

登录jQuery Mobile官方网站(http://jquerymobile.com),单击导航条中的“Download”链接进入文件下载页面,如图1-1所示。

图1-1 jQuery Mobile资源下载页

在图1-1的jQuery Mobile下载页中,可以下载上述3个必需文件中的任意一个,也可以单击下载地址(http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.zip),获取jQuery Mobile页面执行所需的全部文件(包含压缩前后的JavaScript与CSS样式)和实例文件。

1.2.2 使用URL方式加载插件文件

除在jQuery Mobile下载页下载对应文件外,jQuery Mobile还提供了URL方式从jQuery CDN下载插件文件。CDN的全称是Content Delivery Network,用于快速下载跨Internet常用的文件,只要在页面的<head>元素中加入下列代码,同样可以执行jQuery Mobile移动应用页面。加入的代码如下所示:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"/>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

通过URL加载jQuery Mobile插件的方式使版本的更新更加及时,但由于是通过jQuery CDN服务器请求的方式进行加载,在执行页面时必须时时保证网络的畅通,否则,不能实现jQuery Mobile移动页面的效果。