<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="./css/jquery.mobile-1.3.0.css"/>
<script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.3.0.js"></script>
</head>
<body>
<div data-role="page" id="a">
<div data-role="header" data-position="fixed" data-theme="b">
<h2>
a页面的标题
</h2>
</div>
<div data-role="content">
<h3>listview带图显示</h3>
<br>
<ul data-role="listview" data-inset="true">
<li>
<a>
<img style="top:10px;left:10px;" alt="法拉利跑车" src="images/car.jpg">
<h4>法拉利跑车跑得很快... </h4>
<p>售价：RMB 200 W</p>
<b>可以点击</b>
</a>
</li>
<li>
<a>
<img style="top:10px;left:10px;" alt="法拉利跑车" src="images/car.jpg">
<h4>法拉利跑车跑得很快... </h4>
<p>售价：RMB 200 W</p>
<b>可以点击</b>
</a>
</li>
<li>
<img style="top:10px;left:10px;" alt="法拉利跑车" src="images/car.jpg">
<h4>法拉利跑车跑得很快... </h4>
<p>售价：RMB 200 W</p>
<b>不能点击</b>
</li>
<li>
<img style="top:10px;left:10px;" alt="法拉利跑车" src="images/car.jpg">
<h4>法拉利跑车跑得很快... </h4>
<p>售价：RMB 200 W</p>
<b>不能点击</b>
</li>
</ul>
</div>
<div data-role="footer" data-theme="a" data-position="fixed">
<h2>a页面的底部</h2>
</div>
</div>
</body>
</html>jQuery mobile 学习11 listview 列表显示 带图
原文地址：http://blog.csdn.net/responsecool/article/details/43966797
