案例:jquery Mobile案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<link rel="stylesheet" href="/js/jquery.mobile-1.3.2.min.css">
5
<script src="/js/jquery-1.8.3.min.js"></script>
6
<script src="/js/jquery.mobile-1.3.2.min.js"></script>
7
</head>
8
<body>
9
10
<div data-role="page" id="pageone">
11
  <div data-role="content">
12
  <h2>我的通讯录</h2>
13
  <ul data-role="listview" data-autodividers="true" data-inset="true" data-filter="true">
14
    <li><a href="#">Adele</a></li>
15
    <li><a href="#">Agnes</a></li>
16
    <li><a href="#">Albert</a></li>
17
    <li><a href="#">Billy</a></li>
18
    <li><a href="#">Bob</a></li>
19
    <li><a href="#">Calvin</a></li>
20
    <li><a href="#">Cameron</a></li>
21
    <li><a href="#">Chloe</a></li>
22
    <li><a href="#">Christina</a></li>
23
    <li><a href="#">Diana</a></li>
24
    <li><a href="#">Gabriel</a></li>
25
    <li><a href="#">Glen</a></li>
26
    <li><a href="#">Ralph</a></li>
27
    <li><a href="#">Valarie</a></li>
28
  </ul>
29
  </div>
30
</div> 
31
32
</body>
33
</html>
34