多语言展示
当前在线:1534今日阅读:19今日分享:20

如何下载安装jQuery Mobile

随着移动终端的普及,越来越多的人选择开发移动应用,而jQuery Mobile 是创建移动 web 应用程序的框架,适用于所有流行的智能手机和平板电脑。选择jQuery Mobile省事省力,有利于高效便捷的开发web程序,下面就正对如何下载安装jQuery Mobile进行详细说明。
方法/步骤
1

一、下载jQuery库在浏览器搜索框中,输入jQuery关键字,在搜索结果中,点击进入官方网站。

2

进入官方网站,点击“Download jQuery”按钮,进入下载页面。

3

进入下载页面,我们可以看到许多版本的jQuery,这里我们下载jQuery1.11.3

4

二、下载jQuery Mobile库进入到jQuery Moblie下载界面,下载最新的jQuery Mobile库,此时最新的库为1.4.5,所以在这里我下载jquery.mobile-1.4.5.min.js库以及样式库jquery.mobile-1.4.5.min.css。

5

将网页向下拉,可以看到这里提示了有jQuery CDN hosted files文件,在下面测试的第二种方式中,可以直接应用网络上的这个资源。

6

三、编写jQuery Mobile程序测试3.1 使用本地jQuery Mobile库测试首先,将刚才下载的jquery-1.11.3.min.js、jquery.mobile-1.4.5.min.js库以及样式库jquery.mobile-1.4.5.min.css放到一个新建的名为jquery的文件中。

7

在jquery相同目录下,新建一个test.html文件,里面输入以下内容,如图所示注意:红线中的内容,一定要引用正确的路径jquery的js文件一定要放在jquery mobile的js文件前面,因为jquery mobile需要jquery库的支持。

8

然后,使用浏览器打开test.html文件,便可以看到网页中正确显示信息,且样式如图所示,,这样jQuery Mobile就安装好了。其实安装也就是将库文件正确引入到html文件中。注意:有些浏览器会因为跨域问题不显示,建议使用火狐浏览器或着将浏览器的跨域设置去除,亦或是将test.html放到一个服务器中在访问。

9

3.2 使用CDN引用的jQuery Mobile 库测试在任意目录下新建一个test2.html文件,写上测试代码,然后再标签对中引用第5步上的jQuery CDN hosted files,如图所示:

10

使用浏览器打开test2.html文件,便可以看到网页中正确显示信息,且样式如图所示,这样jQuery Mobile就设置好了。注意:这里也得注意某些浏览器的跨域问题。

推荐信息