jQuery.mobile使用(一)

因为准备做一个移动应用项目,计划用Phonegap+jQueryMobile来写。所以,这几天配置了下环境。

Phonegap的环境配置很简单,只要按官网上的来就行了。但有一点,下载来的zip文件里面的doc文件夹里面的安装指南很可能是相对于旧版的。也就是说,文档可能还没来得及与API同步更新。以phonegap英文官网上的文档为准。

至于jQuery.mobile的配置,你如果不了解的话,开始可能有点纠结。我百度,Google了配置教程,几乎无一例外地采用了CDN的方式。即不是采用下载相应的JS与CSS文件,而是用的网络上的jQuery官网上的文件。即:

<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>


使用的是HTTP协议从网络上下载文件。而不是放在自己文件夹里。

感觉这种方式对移动应用很不友好。如果有人用手机打开你的应用,却没打开网

络,也就是下载不了相应的文件,那你的应用就没有样式没有行为,怎么用?

最好的方式应该是下载文件,放在自己的工程里面。而几乎无一例外的,所有文章都只介绍了要下载3个文件。即jQuery.js,jQuery.mobile.js,jQuery.mobile.css这三个文件。但如果工程里面只有这三个文件的话,没用相应的图标样式。因为,相应的图标存在于下载下来的文件夹里的images文件夹里。

所以,你需要把这个images文件夹也加到工程里面来。

注意加入到工程中的位置!!!!!!!!!!!!!

一般,我们习惯于分别建几个文件夹来存放JS,CSS文件。这个images文件夹要放入到你存放CSS文件的文件夹中






你可能感兴趣的:(jquery)