案例: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
<script>
8
$(document).on("pageinit",function(){
9
  alert("触发 pageinit 事件 - 页面已初始化,DOM 已加载,jQuery Mobile 已完成页面增强。")
10
}); 
11
$(document).on("pagebeforecreate",function(){
12
  alert("触发 pagebeforecreate 事件 - 页面即将初始化。jQuery Mobile 仍未开始增强页面。");
13
});                     
14
$(document).on("pagecreate",function(){
15
  alert("触发 pagecreate 事件 - 已创建页面,但增强未完成。");
16
});
17
</script>
18
</head>
19
<body>
20
21
<div data-role="page">
22
  <div data-role="header">
23
    <h1>页眉文本</h1>
24
  </div>
25
26
  <div data-role="content">
27
    <p>内容...</p>
28
  </div>
29
30
  <div data-role="footer">
31
    <h1>页脚文本</h1>
32
  </div>
33
</div> 
34
35
</body>
36
</html>
37