jQuerymobile 开发环境搭建

开发工具:webstorm

操作系统:OS X 10


如何使用jQuerymobile框架?

要想自己的手机网页能显示和使用jQuerymobile提供的各种组件和效果,必须在你的HTML文件中引入jQuerymobile库

引入方式有两种:

1.从官网下载所需的库文件,添加到本地工程中,在HTML头部中进入引入,这种方案只适用本地开发和调试。

2.通过浏览器动态下载并引入jQuerymobile库,每次打开你的HTML时,都会先下载这个库,以便网页正常显示jQuerymobile效果,

这种方案存在的问题是,jQuerymobile库官网的下载地址是在国外,国内很难链接上,导致如果你HTML页面引入的国外的库链接,

页面就几乎打不开了。

解决方案:使用国内免费CDN提供的链接,不懂CDN得童鞋移步到百度

3.jQuerymobile库的正常使用,至少需要三个库的支持,下面给出引入了国内可用CDN链接的jQuerymobile的HTML头部配置数据:

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1" charset="utf-8">
    <link rel="stylesheet" href="http://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.css" />
    <script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>
</head>

4.注意事项

jQuery库,请不要使用2.x系列的版本,这个版本在手机浏览器上很多效果不支持,所以,使用1.x最新版本就可以了

你可能感兴趣的:(开发环境,jquerymobile,搭)