实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
5
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
6
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.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