jQuery Mobile和PhoneGap混合開發

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

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

2、在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>

注意順序。

 

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

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