jQuery Mobile和PhoneGap混合開發

其實二者並不影響，PhoneGap負責調用系統的接口，jQuery Mobile實現一些網頁效果。PhoneGap開發請看上一篇文章，jQuery Mobile開發環境搭建如下：【請先閱讀上一篇文章，這一篇文章是在上一篇的基礎上進行的】

一、到jquerymobile.com下載最新的ZIP File，解壓得到其JavaScript, CSS和images。放到/assets/www/js目錄下。如圖：【其中jquery.js是從demos的js目錄里復制出來的，上一篇文章中的cordova.js也移到了js目錄下】

二、在index.html中加入如下代碼：

 

<link rel="stylesheet" type="text/css" href="js/jquery.mobile-1.3.1.css">  
	<script src="js/jquery.js"></script>  
	
	<!-- 這里加入項目中其他的引用 -->  
	<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
	
	<script src="js/jquery.mobile-1.3.1.js"></script>

注意順序。

 

三、在</head>之前加入<meta charset="UTF-8"> 以支持中文。

四、到http://view.jquerymobile.com/1.3.1/dist/demos/去把一些demo復制過來運行一下看看效果吧~