phonegap+jqm的示例
安装phonegap，根据文档资料，生成phonegap的Helloworld的ios的项目代码，具体步骤可以参看phonegap网站的指南，然后想把jquerymobile的效果加进去，但是试验过几次，开始下载zip，将jquery.mobile-1.3.2.min.css等文件放在本地，拷贝的
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div><!-- /content -->
</div>
网站示例代码，但是没有任何效果，css定义的效果都没有显示出来，就是简单普通的效果的，尝试过多次，都没有效果。经过搜索发现，需要将下载的zip下的image拷贝到项目工程下，需要勾选 copy items into destination group's folder，添加后效果也没有出来，看着控制台输出错误提示phonegap 白名单问题，因为用到的是网上下载的js/css.在项目config.xml添加 白名单。
添加完成后，效果就全部出来了
效果图如下：
示例代码如下：
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<title>My Page</title>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div><!-- /content -->
</div>
</body>
</html> 每解决一个问题，都是对自己的鼓励阿